Problem jquery with chrome2
Hello everyone,
Need help, my code doesnt work on chrome but no problem in FF and IE.
Thanks
- <HTML>
<HEAD>
<meta content='text/html; charset=UTF-8' http-equiv='Content-Type'/>
<TITLE> Exos </TITLE>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
function choixoption(zone,option){
$('#'+zone).toggle();
$('#'+option).hide();
$('#select0').attr('selected', 'selected');
}
</script>
</HEAD>
<BODY>
<TABLE id="table1" width="350px" border="0" cellspacing="0" cellpadding="0">
<TR>
<TD id="optioncell" valign="bottom" style="margin-bottom:0px">
<SELECT id="selection" name="selection" style="position:relative; margin-bottom:Opx bottom:0px;" >
<OPTION id="select0" value="">Selectionner un element</OPTION>
<OPTION id="select1" onClick="choixoption('ra','select1');" value="Test1">Test1</OPTION>
<OPTION id="select2" onClick="choixoption('rb','select2');" value="Test2">Test2</OPTION>
<OPTION id="select3" onClick="choixoption('rc','select3');" value="Test3">Test3</OPTION>
</SELECT>
</TD>
<TD valign="top" style="margin-bottom:0px">
<TABLE id="table1" width="350px" border="1" cellpadding="0" >
<TR id="ra" style="display:none" valign="bottom">
<TD id="ca">ZONE 1</TD>
<TD style="border:none"><INPUT type="button" value="X" onClick="$('#ra').toggle();$('#select1').toggle();" /></TD>
</TR>
<TR id="rb" style="display:none" valign="bottom">
<TD id="cb">ZONE 2</TD>
<TD style="border:none"><INPUT type="button" value="X" onClick="$('#rb').toggle();$('#select2').toggle();" /></TD>
</TR>
<TR id="rc" style="display:none" valign="bottom">
<TD id="cc">ZONE 3</TD>
<TD style="border:none"><INPUT type="button" value="X" onClick="$('#rc').toggle();$('#select3').toggle(); " /></TD>
</TR>
</TABLE>
</TD>
</TR>
</TABLE>
</BODY>
</HTML>