LI:HOVER en espera
Publicado: 2009-08-11 05:07 @255
Hola a todos, espero que me puedan ayudar en mi problema, es el siguiente: este script me funciona bien para poder hacer li:hover en IE6.
Al pasar el mouse en el li se pone en hover (se pinta de un color) y al sacarlo reemplaza el hover por un estilo vacío (se despinta el color).
Lo que yo quiero que haga es que cuando se de un clic en un li (el li tiene un enlace Ajax) se quede esperando en hover (se pinte de un color) hasta que se de clic en otro li.
Espero me hayan entendido; estuve averiguando, algunos eventos onmouseup y onmousedown pero la verdad no sé cómo aplicarlos.
Al pasar el mouse en el li se pone en hover (se pinta de un color) y al sacarlo reemplaza el hover por un estilo vacío (se despinta el color).
Lo que yo quiero que haga es que cuando se de un clic en un li (el li tiene un enlace Ajax) se quede esperando en hover (se pinte de un color) hasta que se de clic en otro li.
Espero me hayan entendido; estuve averiguando, algunos eventos onmouseup y onmousedown pero la verdad no sé cómo aplicarlos.
Using javascript Syntax Highlighting
<script type="text/javascript">
startList = function() {
if (document.all&&document.getElementById) {
navRoot = document.getElementById("listmp3");
for (i=0; i<navRoot.childNodes.length; i++) {
node = navRoot.childNodes[i];
if (node.nodeName=="LI") {
node.onmouseover=function() {
this.className+=" over";
}
node.onmouseout=function() {
this.className=this.className.replace(" over", "");
}
}
}
}
}
window.onload=startList;
</script>
startList = function() {
if (document.all&&document.getElementById) {
navRoot = document.getElementById("listmp3");
for (i=0; i<navRoot.childNodes.length; i++) {
node = navRoot.childNodes[i];
if (node.nodeName=="LI") {
node.onmouseover=function() {
this.className+=" over";
}
node.onmouseout=function() {
this.className=this.className.replace(" over", "");
}
}
}
}
}
window.onload=startList;
</script>
Coloreado en 0.001 segundos, usando GeSHi 1.0.8.4