Comentarios numerados en Ad astra
¿Qué he hecho?
Como todos mis lectores y lectoras habituales saben, soy un culo de mal asiento, y siempre estoy buscando formas de mejorar el blog. En este caso he copiado una idea que he visto en muchos blogs, la de numerar los comentarios. En particular, me gusta la forma discreta que tiene la numeración de comentarios en el blog de Javi Moya.
¿En qué consiste esto? Ahora, cada comentario del blog va numerado según el orden en que se haya introducido. Para no ir muy lejos, pueden comprobarlo en los comentarios a mi historia sobre el Faro de Maspalomas.
He probado el tema en Mozilla Firefox, en Internet Explorer y en Opera, todos bajo Windows. Si alguien ve algún problema, en estos navegadores o en cualquier otro, que me lo diga, si es posible indicándome qué error exacto se ha producido (en caso de que se vea, claro).
¿Y esta chorrada para qué es? No se crean que se trata solo del placer estético. No señor, tiene su utilidad. Si estamos manteniendo una conversación a través de los comentarios, siempre puedes referirte a un comentario por su número (por ejemplo, «y como dijo yeyo en #5, resulta que...»). Si hay varios comentarios de una sola persona, así resulta fácil identificarlos.
Ya me contarán qué les parece el invento.
¿Cómo lo he hecho?
Ahora voy a ponerme un poco tecnológico. Si te bastó con lo anterior, pasa de seguir leyendo. Si tienes curiosidad, masoquismo o simplemente no va a sonarte a chino lo que voy a decir, sigue adelante. Bueno, puedes seguir si te da la gana, claro :)
Para conseguir esto he utilizado los siguientes elementos:
- Conocimiento de Javascript y del DOM, aparte de alguna ayudita de mi compañero de trabajo Toni.
- Divina inspiración obtenida en otros blogs que utilizan numeración para indizar los comentarios.
- El hecho de que las páginas de La Coctelera están bien estructuradas y es fácil separar los comentarios del resto.
Los comentarios en una historia de La Coctelera se encuentran encerrados en una capa (<div>) cuyo identificador es #comentarios. Por otro lado, cada comentario dentro de dicha capa se encuentra dentro de una capa cuya clase es .comentario. Por lo tanto, ya tengo identificado lo que necesito.
Ahora solo tengo que trastear con estos elementos. En esencia hago lo siguiente:
- Averiguo cuál es la capa que contiene todos los comentarios.
- Capturo de golpe todos los comentarios de esa capa.
- Voy recorriendo los comentarios que he capturado. Para cada comentario, hago lo siguiente:
- Creo un párrafo «al vuelo» e inserto el número del comentario dentro del párrafo (llevo un contador del número de comentarios).
- Averiguo cuál es el primer párrafo del comentario (suele estar vacío, a menos que se trate de un trackback o referencia).
- Inserto el párrafo con el número de comentario antes del primer párrafo que he encontrado, para que aparezca justo al principio.
Y eso es todo. El aspecto del número, por supuesto, con el correspondiente estilo. Cada párrafo con el número de comentario es de la clase .commentIndex, para luego poder aplicarle márgenes, colores y todo eso.
Si les apetece, pueden ver el código fuente para numerar comentarios (si estás usando Internet Explorer tendrás que descargar el fichero para luego poder verlo en tu ordenador).
Bueno, ya me he rayado bastante con la tecnología.
Jacosito dijo
No, no, no, no.
Error
Se produjo un error en tiempo de ejecución
¿Desea depurarlo?
Linea 2:
Error:´capaComentarios´ en nulo o no es un objeto.
Comprueba el fallo tio
Esto de ser Betatester me lo vas a tener que pagar.
14 Noviembre 2005 | 08:15 PM