Foros del Web » Programando para Internet » Javascript »

texto largo con esquema dinámico

Estas en el tema de texto largo con esquema dinámico en el foro de Javascript en Foros del Web. He estado experimentando con una pequeña cosita. Quería hacer lo siguiente: Una página con un texto muy largo dividido en varios sub-secciones. Hay un esquemita ...
  #1 (permalink)  
Antiguo 01/07/2007, 17:38
Avatar de derkenuke
Colaborador
 
Fecha de Ingreso: octubre-2003
Ubicación: self.location.href
Mensajes: 2.665
Antigüedad: 21 años, 4 meses
Puntos: 45
texto largo con esquema dinámico

He estado experimentando con una pequeña cosita.

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.
__________________
- Haz preguntas inteligentes, y obtendrás más y mejores respuestas.
- Antes de postearlo Inténtalo y Búscalo.
- Escribe correctamente tus mensajes.
  #2 (permalink)  
Antiguo 01/07/2007, 18:05
Avatar de Panino5001
Me alejo de Omelas
 
Fecha de Ingreso: mayo-2004
Ubicación: -34.637167,-58.462984
Mensajes: 5.148
Antigüedad: 20 años, 9 meses
Puntos: 834
Re: texto largo con esquema dinámico

Me parece muy útil. Es cierto lo de Explorer 7. Muy buen trabajo!
  #3 (permalink)  
Antiguo 02/07/2007, 05:03
Avatar de derkenuke
Colaborador
 
Fecha de Ingreso: octubre-2003
Ubicación: self.location.href
Mensajes: 2.665
Antigüedad: 21 años, 4 meses
Puntos: 45
Re: texto largo con esquema dinámico

Cita:
Iniciado por Panino5001
Me parece muy útil. Es cierto lo de Explorer 7. Muy buen trabajo!
Gracias!

Le he puesto links al esquemita, casi me muero haciéndolo por complicaciones para aplicar estilos, pero lo logré al final. He copy-pasteado un código para hacer scroll suave a los links internos, pero en IE6 no me ha funcionado (he probado varios). Me ha dado demasiadas complicaciones IE6...

Enlace actualizado.

Quizás ahora funcione en IE7. En FF2 y IE6 va bien.
__________________
- Haz preguntas inteligentes, y obtendrás más y mejores respuestas.
- Antes de postearlo Inténtalo y Búscalo.
- Escribe correctamente tus mensajes.
  #4 (permalink)  
Antiguo 02/07/2007, 17:48
Avatar de programeitor  
Fecha de Ingreso: febrero-2005
Mensajes: 994
Antigüedad: 20 años, 1 mes
Puntos: 9
Re: texto largo con esquema dinámico

Si que es bastante bueno.

gracias.
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 15:06.