jQuery: AJAX hecho fácil
En un post anterior ya hablé de jQuery, lo usé para que los enlaces de OBG incluyan un icono a la izquierda que indique cuando salen del blog.
-
jQuery.noConflict();
-
jQuery(document).ready(function(){
-
jQuery("a").not("[@href*='otrobloggeek.com']").css("background", "transparent url(/blog/wp-includes/images/link-externo.png) no-repeat");
-
jQuery("a").not("[@href*='otrobloggeek.com']").css("padding", "0 0 2px 18px");
-
});
Este es el código en cuestión. Es una pequeña demostración de la potencia que nos brinda esta librería. Uno de los puntos fuertes de jQuery son los selectores, que nos permiten recorrer el árbol DOM del documento XML en cuestión; en nuestro ejemplo es HTML. jQuery nos permite mezclar selectores CSS con XPATH, con lo que podemos seleccionar cualquier elemento de la página de forma sencilla. Además, la documentación es bastante completa.
Yo he tenido algún quebradero de cabeza al intentar usarla por que uno de los plugins de OBG usa Prototype, otra librería similar a jQuery y ambas usan el mismo atajo para los selectores: $. Por suerte la documentación de JQuery explica qué hacer en estos casos.
Por cierto, el código de ejemplo, traducido a lenguaje natural sería algo así como: “Selecciona todos los enlaces cuyo destino no contenga ‘otrobloggeek.com’ y ‘ponlos guapos’”.
No hay posts relacionados.
Mayo 14th, 2007 at 21:14
Ahí estamos flamel…este es el tipo de post que esperaba verte publicar…vaya dos post guenos hombre!!!Aunque creo que no acaba de ser del todo estético (si los resultados son los que se ven en este post). Por ejemplo, me gusta que aparezcan guapos los links de los tags y eso…pero no los de mitad del post no???Yo toy preparando un post sobre Hilbert y su transformada…tengo el sindróme “Almira”…Un saludo…MU GUAPO TIO!!!
Mayo 14th, 2007 at 21:31
Weno… sobre gustos… de todas maneras piensa que no es solo una cuestión estética, también quiero que un usuario del blog pueda reconocer con un golpe de vista los links externos para, por ejemplo, abrirlos en una nueva pestaña.
De todas maneras todavía tengo que tunearlo un poco, por que manejar jQuery es una pasada, pero hay que acostumbrarse un poco a usarlo, tiene su intringulis
Abril 26th, 2009 at 13:20
[...] 2: En este post explico qué hace el código Javascript que pone guapos los [...]