Es muy común la necesidad de que una imagen dentro de un enlace esté como elemento de imagen (IMG) y que al mismo tiempo deba tener un rollover: <p> <a href="#"><img src="imagen_estado_normal" alt="Imagen de ejemplo" /></a> </p> La solución habitual pasa por utilizar Javascript para hacer el cambio de imagen en el estado ‘sobre’. Pero […]

En esta ocasión he preparado una galería en la que cada imagen aparece con sus proporciones originales (nada de galerías con todas las imágenes del mismo tamaño), lo único similar es la altura de las imágenes, para poderlas meter en líneas. Además, al pasar el puntero por encima se despliega en modo de detalle, con […]

He preparado un plugin de Jquery (un poco rudimentario) para ordenar elementos de lista de forma alfabética. Para hacer el script me he basado en una función expuesta en StackOverflow – How may I sort a list alphabetically using jQuery? (enlace externo, en inglés).

El problema: Le damos un texto a Google Maps en el HTML con la ubicación a mostrar, la ubicación es correcta y no se muestra ningún mapa, o incluso salta algún mensaje de error. Por ejemplo: <p id="ubicacion">Vía de Dublín 7,<br /> Madrid 28042</p> Mediante Javascript se cogería sólo el texto: Vía de Dublín 7, […]

Con esta sencilla función se puede extraer el texto de un elemento limpiándolo de etiquetas HTML: function stripHtmlTags (elemento) { return elemento.textContent||elemento.innerText; } Visto en Stackoverflow – Strip HTML from Text JavaScript (enlace externo, en inglés).

Basta una consulta muy sencilla: UPDATE tabla_de_la_bbdd SET campo_de_la_tabla = replace(campo_de_la_tabla,"texto-antiguo","texto-nuevo") Saber más: REPLACE Syntax (enlace externo, en inglés)

Actualizado: Añadida versión para Prototype. En ocasiones tenemos el típico diseño en el que el fondo de cabecera y de pie de página ocupan todo el ancho visible, sea cual sea. Es tan simple como poner un fondo en el elemento BODY y otro fondo en el elemento HTML.

En Prototype no hay equivalencia al método appendTo() de Jquery (enlace externo, en inglés), pero se puede suplir creando un método para Prototype.

Fragmento de HTML 5 con un formulario de búsqueda, en el que se generará el rollover del botón de búsqueda mediante Javascript, y se simulará el placeholder también mediante Javascript en navegadores no soportado.

He aquí el código: (function($){ $.fn.XXXX = function(options){ var defaults = { // Opciones por defecto opcion1: » ,opcion2: » } var op = $.extend(defaults, options); return this.each(function(){ $(this).XXXX(); }); } })(jQuery);