Problemas con Event

sandovalchrist · #1 (**permalink**) 08/01/2010, 12:40

Hola, tengo un problema con firefox con respecto a event... en un principio habia sido pensado para IE unicamente pero bueno ahora quieren multibrowser ¬¬

<SCRIPT LANGUAGE=JavaScript FOR=ColorTable EVENT=onclick>

</SCRIPT>

<BODY onload="SelColor.focus()">
<TABLE ID=ColorTable>
<TR>
<TD BGCOLOR=aliceblue TITLE=aliceblue>   
</TABLE>

<P>
<LABEL FOR=SelColor>Color:</LABEL>
<INPUT TYPE=TEXT SIZE=20 ID=SelColor>
<BR>
<SPAN ID=RGB> </SPAN>

<P>
<BUTTON ID=Ok TYPE=SUBMIT>OK</BUTTON>
<BUTTON ONCLICK="window.close();">Cancel</BUTTON>

</BODY>

Me podrian ayudar como queda con respecto a event... cada vez que quiero cambiar me rompe todo y me da error :(

Gracias

maycolalvarez · #2 (**permalink**) 08/01/2010, 12:49

no habia visto esa forma antes, además no te apegas a los estándares, los valores de los atributos en etiquetas se encierran en comillas: <tag att="value">..</tag> y el código en minúsculas de preferencia

por el evento en js seria así:

Código HTML:

<html>
<head>
<script type="text/javascript">
function eventoclick1(e){
	if(e==null){
		e=event;
	}
	if(e==null){
		e = window.event;//compatibilidad IE
	}
	var SelColor = document.getElementById('SelColor');
	SelColor.value = e.srcElement.title;
}
</script>
</head>
<BODY onload="document.getElementById('SelColor').focus()">
<TABLE ID="ColorTable" onclick="eventoclick1(event);">
<TR>
<TD BGCOLOR="aliceblue" TITLE="aliceblue">&nbsp;&nbsp;&nbsp;
</td><!-- cierres -->
</tr><!-- cierres -->
</TABLE>

<P>
<LABEL FOR="SelColor">Color:</LABEL>
<INPUT TYPE="TEXT" SIZE="20" ID="SelColor" >
<BR>
<SPAN ID="RGB">&nbsp;</SPAN>
</P><!-- cierres -->
<P>
<BUTTON ID="Ok" TYPE="SUBMIT">OK</BUTTON>
<BUTTON ONCLICK="window.close();">Cancel</BUTTON>

</P><!-- cierres -->
</BODY>
</html>

edemás, exactamente que quieres hacer?, el evento no debería ir en la tabla, sino en cada fila o la celdasupongo, algo así?:

Código HTML:

<tr>
    <td onclick="eventoclick1(event);">&nbsp;</td>
    <td onclick="eventoclick1(event);">&nbsp;</td>
</tr>

sandovalchrist · #3 (**permalink**) 08/01/2010, 13:16

muchisimas gracias maycolalvarez... sigue quedando ben en IE...
Aunq en FF lo que no le gusta ahora es la propiedad de event o windows.event ¬¬

e.srcElement is undefined.... pero bueno lo anterior quedo genial. Gracias por todo!

David · #4 (**permalink**) 08/01/2010, 13:20

Es que según el estándar, debe ser e.target

maycolalvarez · #5 (**permalink**) 08/01/2010, 13:23

cierto, puedes hacer esto:

Código:

var t = e.target;
if(typeof (t)=='undefined'){ //si no funciona prueba if(t==null)
    t= e.srcElement;
}

sandovalchrist · #6 (**permalink**) 08/01/2010, 13:42

Gracias chicos esta perfecto!