Anular un Script

danielwish · #1 (**permalink**) 14/05/2009, 08:54

Necesito saber si existe alguna propiedad para anular un script.

tengo un contenedor <div> q sobre el esta aplicado
un script para crear una lista en acordeon y dentro del <div>
tengo una tabla con un boton "ver", si hago clik en cualquier parte de la tabla se acciona mi script..
pero mi problema es q yo kiero omitir el boton "ver" o el <td> que lo contiene..

me explico mejor con el codigo..

<body>
<div onclick="runAccordion(1);">
<div height="25" class="AccordionTitle" onselectstart="return false;">

<form method="post" name="form1" action="navegar.asp">
<table width="200" border="1">
<tr>
<td>id</td>
<td>fecha</td>
<td>Razon Social</td>
<td>Estado</td>
<td><input type="submit" name="Ver" value="Ver" class="boton"></td>
</tr>
</table>
</form>

</div>
</div>

<div id="Accordion1Content" class="AccordionContent">
Informacion.
</div>

</body>

No quiero que al hacer clik sobre el Boton "ver" se accione el script...
pero como hacer eso.. si mi boton esta dentro del contenedor <div> que lleva
el onclick con la instruccion del script.

si existe solucion.. favor decirmela plx! :D

David · #2 (**permalink**) 14/05/2009, 09:03

Puedes usar event.stopPropagation() para detener la propagación al hacer click en el botón (cancelBubble para Internet Explorer)

danielwish · #3 (**permalink**) 14/05/2009, 09:42

uii! muchas gracias! el event.stopPropagation() .. funciono de maravilla..

pero solo en el firefox.. aun en el explorer7 usando esos 2 eventos .. me sale "error en la pagina" y no los toma! u.u

David · #4 (**permalink**) 14/05/2009, 10:06

Es que cancelBubble no es un método. Prueba así:

Código Javascript:

Ver originalif (event.stopPropagation) {
    event.stopPropagation();
} else {
    event.cancelBubble = true;
}

danielwish · #5 (**permalink**) 14/05/2009, 10:37

muchas gracias David!

hice la funcion..

function pararpropagacion(event) {
if ( event.stopPropagation ) {
// para Firefox
event.stopPropagation ();
}
else if (window.event) {
//en el caso de IE
window.event.cancelBubble = true;
}
}

y al onclick del <td> llame a pararpropagacion(event)

funciona bien en ambos navegadores!

nuevamente, muchas gracias!!