Outbook
HTML+CSS+JS, Accesibilidad, PHP y más
Inicio
Desarrollo web
Javascript
Javascript: simular hover en Internet Explorer 6 con Prototype
Javascript: simular hover en Internet Explorer 6 con Prototype
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.
Este sería el script, preparado para hacer el hover sobre cualquier elemento con la clase hacer-hover:
document.observe("dom:loaded", function() {
if(/MSIE 6.0/i.test(navigator.userAgent)) {
var hover1 = new HoverIE6();
hover1.op = {
selector: '.hacer-hover',
claseHover: 'hover'
}
hover1.inicia();
}
});
function HoverIE6 () {
this.op = {
selector: '',
claseHover: ''
}
this.inicia = function () {
var that = this;
$$(that.op.selector).each(function (el) {
el.observe('mouseover',function () {
el.addClassName(that.op.claseHover);
});
el.observe('mouseout',function () {
el.removeClassName(that.op.claseHover);
});
});
}
}
El script añade la clase hover a los elementos sobre los que se quiere el efecto cuando pasa el puntero por encima.
Artículos relacionados:
- Javascript: Actualización automática de CSS
- Javascript: equivalencia de método ‘appendTo’ de Jquery en Prototype
- Javascript: equivalencia de método ‘closest’ de Jquery en Prototype
- Detectar la versión de Internet Explorer en Javascript
- Javascript: equivalencia de método ‘appendTo’ de Jquery en Prototype
Datos del artículo:
- Publicado el Viernes 16 de julio de 2010 a las 11:41
- Archivado en Desarrollo web, Javascript
- Etiquetas: CSS, Desarrollo web, hover, Internet Explorer 6, javascript, Maquetación web, Prototype, Pseudo-clase hover
- Seguimiento de comentarios (RSS 2.0).
Comentarios del artículo
Puedes comentar o hacer trackback desde tu propio sitio web.
Si el comentario no guarda relación con el tema del artículo o los comentarios previos, si la redacción del mismo es ilegible (estilo HOYGAN), o si contiene insultos u otros términos ofensivos, será borrado de inmediato. No se garantiza ningún soporte a los ejemplos de desarrollo web presentados en este sitio.
Todavía no hay comentarios.










