onclick se ejecuta al cargar la pagina

deywibkiss · #1 (**permalink**) 11/06/2012, 15:47

tengo una funcion javascript que me muestra un simple mensaje.... la funcion esta asociada al evento onclick de un div...

LO RARO AMIGOS ES QUE CUANDO CARGO LA PAGINA, LA FUNCION SE EJECUTA SIN NI SIQUIERA HACER CLICK EN EL DIV ASOCIADO....

AQUI EL CODIGO...

HTML con los divs, estos divs actuan como botones contenidos en una caja padre, dentro de la caja padre esta una tabla y en las celdas los divs hijos...

Código HTML:

Ver original<div id="messagebuttons">
    <table width="100%" border="0" rules="none">
        <tr>
            <td><div id="newmessageoption" class="messagelink" ><table><tr><td><img src="images/metaphors/accountoptions/message/inboxwhite.png" height="16px"></td><td>&nbsp;Nuevo Mensaje</td></tr></table></div></td>
            <td><div id="inboxoption" class="messagelink"><table><tr><td><img src="images/metaphors/accountoptions/message/inboxwhite.png" height="16px"></td><td>&nbsp;Bandeja de Entrada <?php echo $utiitie->GetCount("tbinboxmessage","where idreceiver = $iduserinsession and idread = 2",$openconnection); ?></td></tr></table></div></td>
            <td><div id="outboxoption" class="messagelink"><table><tr><td><img src="images/metaphors/accountoptions/message/outboxwhite.png" height="16px"></td><td>&nbsp;Bandeja de Salida</td></tr></table></div></td>
            <td><div id="deleteboxoption" class="messagelink"><table><tr><td><img src="images/metaphors/accountoptions/message/deleteboxwhite.png" height="16px"></td><td>&nbsp;Mensajes Eliminados</td></tr></table></div></td>
        </tr>
    </table>
</div>

por lo demas, la funcion que quiero llamar con onclick esta en un js independiente... es un proceso de ajax....

la he querido llamar asi:

Código HTML:

Ver original<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link href="CSS/messages.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="scripts/ajaxmessages/ajaxinbox.js"></script>
<script type="text/javascript">
 
[HIGHLIGHT="Javascript"]window.onload = function(){
    var picc = "picstaticbar";
    adjustprofilepicture(picc,30,30);
        document.getElementById("inboxoption").onclick = LoadInbox('inbox');
 
            
}

</script>
</head>[/HIGHLIGHT]

tambien asi: (asumiendo que el window.onload ejecutara las acciones despues de cargado el DOM)

Código HTML:

Ver original<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link href="CSS/messages.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="scripts/ajaxmessages/ajaxinbox.js"></script>
<script type="text/javascript">
 
[HIGHLIGHT="Javascript"]
    
        document.getElementById("inboxoption").onclick = LoadInbox('inbox');

</script>
</head>[/HIGHLIGHT]

y tambien desde el mismo div:

Código HTML:

Ver original<div id="inboxoption" class="messagelink" onclick="LoadInbox('inbox');"><table><tr><td><img src="images/metaphors/accountoptions/message/inboxwhite.png" height="16px"></td><td>&nbsp;Bandeja de Entrada <?php echo $utiitie->GetCount("tbinboxmessage","where idreceiver = $iduserinsession and idread = 2",$openconnection); ?></td></tr></table></div>

PERO AUN ASI LA FUNCION NO DA ESPERA Y SE EJECUTA DE INMEDIATOOO!! NO ESPERA A DARLE CLICK COMO LO REFIERE EL EVENTO....

Lynxcraft · #2 (**permalink**) 11/06/2012, 16:09

document.getElementById("inboxoption").onclick =function(){ LoadInbox('inbox');}

IsaBelM · #3 (**permalink**) 11/06/2012, 16:48

revisa dom level 2 event

deywibkiss · #4 (**permalink**) 11/06/2012, 20:47

Cita:

Iniciado por Lynxcraft

document.getElementById("inboxoption").onclick =function(){ LoadInbox('inbox');}

Pero pongo eso desde el window.onload ?

deywibkiss · #5 (**permalink**) 11/06/2012, 20:53

Solucionado!!! gracias!!! si pueden sugerirme que tema leer para capacitarme mas en estos temas se los agradeceria, pues soy novato en javascript...

dontexplain · #6 (**permalink**) 11/06/2012, 22:34

Pues mira, también podría sugerirte:

(function(){funcion})()

Para que las funciones se ejecuten en el transcurso de la lectura de la página, como comportamiento análogo al que quieres con onload.