Outbook

HTML+CSS+JS, Accesibilidad, PHP y más

Inicio que contiene a Prototype

Datos de búsqueda

Etiqueta ‘Prototype’

Jquery/Prototype: Posicionamiento de pie de página cuando la altura del área visible es mayor que la del documento

Fecha de publicación: 2011/05/18

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.

Leer el resto del artículo

Datos del artículo:

Javascript: equivalencia de método ‘appendTo’ de Jquery en Prototype

Fecha de publicación: 2011/05/09

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.

Leer el resto del artículo

Datos del artículo:

Javascript: equivalencia de método ‘appendTo’ de Jquery en Prototype

Fecha de publicación: 2010/12/30

En Prototype no hay equivalencia al método appendTo() de Jquery (enlace externo, en inglés), pero hay un modo de suplirlo.

Leer el resto del artículo

Datos del artículo:

Javascript: equivalencia de método ‘closest’ de Jquery en Prototype

Fecha de publicación: 2010/10/14

En Prototype no hay equivalencia al método closest() de Jquery (enlace externo, en inglés), pero hay algunas formas de suplirlo.

Leer el resto del artículo

Datos del artículo:

Javascript: Actualización automática de CSS

Fecha de publicación: 2010/10/11

Al maquetar puede resultar engorroso el andar ajustando un pequeño detalle en CSS y tener que actualizar la página cada vez que se cambia.

He montado un Javascript simple para hacer más fácil la tarea del maquetador. Consiste en recargar la CSS en un intervalo de tiempo (en el ejemplo será 1 segundo) sin recargar la página, de modo que cuando se guarde la CSS se vean los cambios en el navegador casi de inmediato.

Leer el resto del artículo

Javascript: simular hover en Internet Explorer 6 con Prototype

Fecha de publicación: 2010/07/16

Se trata de un sencillo script que nos permitirá evitar el problema de Internet Explorer 6 con la pseudo-clase :hover. Dicha pseudo-clase se puede aplicar a cualquier elemento, para que al pasar el puntero por encima puedan cambiarse los estilos, pero Internet Explorer 6, en su línea habitual, solo lo acepta en elementos de enlace.

Leer el resto del artículo

Datos del artículo:

Ejecución de funciones Javascript a la carga del DOM (DOM Ready)

Fecha de publicación: 2008/08/25

Para activar los comportamientos Javascript cuando se haya cargado el DOM es más sencillo utilizar algún framework, como Prototype o Jquery.

En estos ejemplos se pretende lanzar la función prueba.

Prototype

Primera variante:

document.observe("dom:loaded", prueba);

Segunda variante:

document.observe("dom:loaded", function() {
 prueba();
});

Prototype: document.observe

Jquery

$(document).ready(function(){
 prueba();
});

Jquery: evento ready

Datos del artículo:

Javascript: evitar conflictos entre Jquery y otras librerías

Fecha de publicación: 2008/02/20

si en un sitio web se usan varias librerías Javascript (Prototype, Mootools) junto con Jquery podemos encontrarnos con incompatibilidades, ya que la función que Jquery utiliza para los selectores CSS se denomina igual que la que usa Prototype para seleccionar por identificador.

La solución es más sencilla de lo que parece:

var q = jQuery.noConflict();

La variable, en este caso la letra "q" será lo que se utilice en lugar del símbolo "$".

Sin aplicar la variable de eliminación de conflictos:

$("div p").hide();

Y aplicando la variable:

q("div p").hide();

Existen más formas de evitar conflictos explicadas con detalle en la documentación de Jquery.

Datos del artículo:

Información del sitio