Foros del Web » Programando para Internet » Javascript »

Alternativa a evento onClick

Estas en el tema de Alternativa a evento onClick en el foro de Javascript en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 09/05/2011, 09:13
Avatar de Gambinoh  
Fecha de Ingreso: diciembre-2010
Mensajes: 348
Antigüedad: 13 años, 3 meses
Puntos: 11
Alternativa a evento onClick

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.

Cita:
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?
  #2 (permalink)  
Antiguo 09/05/2011, 09:34
Avatar de caricatos
Moderador
 
Fecha de Ingreso: abril-2002
Ubicación: Torremolinos (Málaga)
Mensajes: 19.607
Antigüedad: 21 años, 11 meses
Puntos: 1284
Respuesta: Alternativa a evento onClick

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
__________________
Por favor:
No hagan preguntas de temas de foros en mensajes privados... no las respondo
  #3 (permalink)  
Antiguo 09/05/2011, 10:02
Avatar de Gambinoh  
Fecha de Ingreso: diciembre-2010
Mensajes: 348
Antigüedad: 13 años, 3 meses
Puntos: 11
Respuesta: Alternativa a evento onClick

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 */

Cita:
<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>

Última edición por Gambinoh; 09/05/2011 a las 12:38
  #4 (permalink)  
Antiguo 09/05/2011, 21:15
Avatar de Aijoona
Colaborador
 
Fecha de Ingreso: mayo-2011
Ubicación: Buenos Aires
Mensajes: 779
Antigüedad: 12 años, 10 meses
Puntos: 343
Respuesta: Alternativa a evento onClick

Consejo, no uses el statement with:

Cita:
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]
__________________
blog | @aijoona

Etiquetas: evento, onclick
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 18:44.