Anchors χωρίς anchors!

19 08 2008

Ο παλιός τρόπος να δίνουμε link για κάποιο συγκεκριμένο σημείο της σελίδας, ήταν να βάζουμε extra markup στο σημείο στο οποίο θέλαμε να μεταφέρουμε το χρήστη με τη μορφή:

<a name="something"></a>

Ορισμένοι προσθέταμε και id, ως τον πιο “μοντέρνο” αντικαταστάτη του name, σύμφωνα με το specification.

Ωστόσο, είχατε υπόψιν ότι αντί να βάζουμε το id σε <a> tag, μπορούμε να χρησιμοποιήσουμε οποιοδήποτε id μέσα στη σελίδα; Παραδείγματος χάριν, στις επικεφαλίδες:

<h1 id="something">This is a header</h1>

και το link προς το σημείο αυτό συνεχίζει κανονικά να είναι #something.

Δουλεύει σε όλους τους σύγχρονους browsers που το δοκίμασα και σε IE6 (σε άλλους δεν είχα την ευκαιρία να το δοκιμάσω).

Τη συγκεκριμένη μέθοδο μπορείτε να τη δείτε live στη σελιδούλα για το getElementsBySelector().


Ενέργειες

Πληροφορίες

Γράψτε ένα σχόλιο