Por que no ejecuta el evento?

zyon · #1 (**permalink**) 24/07/2007, 15:45

Que tal, tengo el siguiente codiguillo:

Código HTML:

<INPUT type="button" name="eliminar" id='eliminar' value="Eliminar" 
style="background:#7394bd;font:8pt Arial;position:absolute;left:250px;" 
OnClick="alert('si');eliminar(document.getElementById('identificador').value,'<%=Modulo%>');" 
onmouseover="sel_boton(this);" onmouseout="unsel_boton(this);">

mi problema esta en el onClick, el cual no me ejcuta la funcion, es curioso, si me manda el alert, pero no la funcion, ya probe la funcion sin parametros y poniendo en la funcion:

Código HTML:

function eliminar(){
    alert('entro');
}

por que no me ejecuta la funcion? que pasa? algún problema del IE?

zyon · #2 (**permalink**) 24/07/2007, 15:50

Es posible ejecutar una funcion al momento de dar click en un boton sin que esta funcion este en algun evento del mismo boton, en este caso hablando del onClick?

Andres95 · #3 (**permalink**) 24/07/2007, 16:16

pues copie tu codigo en una page html de ejemplo y efectivamente, no se ejecuta... pero porque el nombre de la funcion con el alert no es el mismo que la que estas llamando en el onclick... ajustando eso corre correctamente presentando ambos alerts.....

saludos!

zyon · #4 (**permalink**) 24/07/2007, 16:36

jeje es un error de dedo, la funcion es eliminar(), fuera de esa observacion en mi codigo riginal si es correcto todo, según io! :S

Andres95 · #5 (**permalink**) 24/07/2007, 16:38

Ok, pues ya lo probe con Opera y el IE6 y no falla...
tal vez tengas algo mas en el code que este influyendo...

------------
Anexo code

Código:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
	<head>
		<title>FDW - JScript Sample</title>
		<script id="clientEventHandlersJS" language="javascript">
<!--

function eliminar(){
    alert('entro');
}


//-->
		</script>
	</head>
	<body>
		<INPUT type="button" name="eliminar" id='eliminar' value="Eliminar" style="BACKGROUND:#7394bd;LEFT:250px;FONT:8pt Arial;POSITION:absolute"
			OnClick="alert('si');eliminar();" onmouseover="sel_boton(this);" onmouseout="unsel_boton(this);">
	</body>
</html>

MaBoRaK · #6 (**permalink**) 24/07/2007, 21:05

loading.............

Pasa que cuando salta el alert se ejecuta el evento onmouseout y no termina el onclick.

<INPUT type="button" name="eliminar" id='eliminar' value="Eliminar"
onClick="eliminar();" onmouseover="sel_boton(this);" onmouseout="unsel_boton(this);">

así tendria que funcionar

connection closed.

Andres95 · #7 (**permalink**) 25/07/2007, 06:27

No creo que los eventos se cancelen unos a otros...
haciendo la prueba con el mismo code y agregando un alert mas en el mouseout, obtengo los tres alert sin problema...

* Probado adicionalmente con Firefox...

Código:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
	<head>
		<title>FDW - JScript Sample</title>
		<script id="clientEventHandlersJS" language="javascript">
<!--

function eliminar(){
    alert('entro');
}


//-->
		</script>
	</head>
	<body>
		<INPUT type="button" name="eliminar" id='eliminar' value="Eliminar" 
		       style="BACKGROUND:#7394bd;LEFT:250px;FONT:8pt Arial;POSITION:absolute"
			OnClick="alert('si');eliminar();" onmouseover="sel_boton(this);" onmouseout="alert('unsel');">
	</body>
</html>

derkenuke · #8 (**permalink**) 25/07/2007, 07:21

A mi (IE6) cuando hago click se ejecuta el alert, luego entra en eliminar() y en un cuarto de segundo se produce el onmouseout, supongo porque el foco se lo lleva el alert de eliminar(); pero no lo entiendo del todo...

Sin embargo en FF2 funciona tal y como se intuye... en el click salta el alert y eliminar(), y si no se saca el ratón no se ejecuta el mouseout. Si se saca el ratón para pulsar aceptar en cualquiera de los primeros alert, se ejecuta previsiblemente el mouseout lanzando un segundo alert que tapa al primero, por lo menos en este código:

Código PHP:

  <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> 
<html> 
    <head> 
        <title></title> 
        <script language="javascript"> 
            <!-- 
 
            function eliminar() { 
                alert('eliminar'); 
            } 
 
 
            //--> 
        </script> 
    </head> 
    <body> 
        <INPUT type="button" name="eliminar" id='eliminar' value="Eliminar"  
        onclick="alert('click'); eliminar();"  
        onmouseover="alert('over');"  
        onmouseout="alert('out');" /> 
    </body> 
</html>

Y, por favor, recordemos cerrar <input /> y escribir onclick en vez de OnClick.

Un saludo.

zyon · #9 (**permalink**) 26/07/2007, 09:51

Que tal, mm sigo sin poder hacer que funcione llamando la funcion que me interesa que se ejecute, pero funciono si creo otra funcion en la que llame la funcion que necesite ,

onclick='llamar();'

function llamar(){
eliminar();
}

aunque sigo con la duda del por que no me funcionaba asi, se que la funcion de eliminar es correcta ya que hace lo que debe... que cosas... :S

Pero muchas gracias por sus respuesta, y enserio, trato de no olvidar hacer elc odigo estandar jeje :P

oOYigoOo · #10 (**permalink**) 24/04/2008, 21:33

Estimado Zyon, yo tuve el mismísimo problema, pase un mal rato porque creía que javaScript no me estaba tomando los eventos... No me reconocía mis funciones en javascript.
La cosa es que no me pescaba las funciones declaradas dentro de los tags <HEAD></HEAD>
pero curiosamente sí me pescaba las funciones dentro del <BODY></BODY>

No tuve mas alternativa que hacer el script dentro del Body y ahi no tuve problemas..

Pero <(^_^)> Ahora que ví tu problema, tengo una vaga idea de lo que puede estar mal en tu código..

Cita:

<INPUT type="button" name="eliminar" id='eliminar' value="Eliminar"
style="background:#7394bd;font:8pt Arial;position:absolute;left:250px;"
OnClick="alert('si');eliminar(document.getElementB yId('identificador').value,'<%=Modulo%>');"
onmouseover="sel_boton(this);" onmouseout="unsel_boton(this);">

El problema esque DECLARASTE name='eliminar' u/o id='eliminar' CON EL MISMO NOMBRE DEL EVENTO eliminar();..

Mi humilde consejo : simplemente cambia el evento eliminar(); a Zeliminar(); xDDDDDDD

Y ya verás lo que sucederá.. (También es cierto que sería bueno cerrar el input con un /> )

Ojala te sirva..
:333 Ya que era necesario postear algún comentario para que no me saquen del foro xDDD
jajajajaajaj... Xao