Alternativa a evento onClick

[Gambinoh]

Se me ha ocurrido superponer dos capas de tamaño idéntico con posición absoluta y cambiar su propiedad z-index desde Javascript, pero no logro que el cambio permanezca.

onClick = "document.getElementById('idDelElemento').style.zI ndex = [100];

¿Existe algún evento que me permita conservar el cambio de valor para la propiedad zIndex después de soltar la tecla del mouse?

Pienso que tal vez sea posible definir una función que sea ejecutada tras el evento "disparador" Onclick, pero no se me ocurre como hacerlo. ¿Alguna idea?

[caricatos]

Hola:

Creo que lo del zIndex no es muy fiable, pero clonando nodos se puede apañar algo: [DOM] : como clonar un elemento+eventos?

Saludos

[Gambinoh]

Vale, está claro que este no es el camino...

De todas formas a lo más que he llegado a sido a esto:

/* La idea era usar operadores lógicos para cubrir el caso en que el evento onClick estuviera "concatenado" con un evento onMouseOut */

<script type="text/javascript">
window.onload = function () {
with (document) {
getElementById('idA').addEventListener('click',js, false);
getElementById('idB').addEventListener('mouseout', js,false);
}
}

function js () {
document.getElementById('idDelElemento').style.zIn dex = [100];
}
</script>

[Aijoona]

Consejo, no uses el statement with:

Using with is not recommended, and is forbidden in ECMAScript 5 strict mode. The recommended alternative is to assign the object whose properties you want to access to a temporary variable.

[URL="https://developer.mozilla.org/en/JavaScript/Reference/Statements/with"]Documentacion en MDN[/URL]