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