Quería hacer lo siguiente: Una página con un texto muy largo dividido en varios sub-secciones. Hay un esquemita adyacente que te va siguiendo cuando haces scroll (position:fixed).
La idea era que aquel o aquellos apartados que tuvieras visibles (leyendo) se remarcaran en rojo, y los que no se quedasen en negro. De esta manera no pierdes el hilo de donde estás nunca.
Lo he colgado temporalmente aqui, no puedo colgar el código porque me dice que tiene más de 30000 caracteres y el límite es de 10000
Lo que hace básicamente es comparar el área que tenemos visible en el navegador, y mirar si dentro de ese área tenemos alguna etiqueta <h1>, <h2>, <h3>... Si vemos una etiqueta estamos leyendo su apartado y el anterior; y si no vemos etiqueta es que estamos leyendo el elemento inmediatamente superior.
El HTML lo he intentado ensuciar lo mínimo.
Me falta poner links al esquema para que vaya directamente al apartado correspondiente, pero es lo de menos.
También quería poner más vistosa la página, sobre todo el esquema, incluyéndle los títulos de cada apartado.
Probado en FF2, IE6 (me han dicho que en IE7 no funciona, que se remarcan todos los elementos en rojo, no sé porqué, no lo tengo instalado).
Decidme qué os parece, yo lo veo útil.
Un saludo.
