11550 sujets

JavaScript, DOM et API Web HTML5

Bonjour, j'ai vu un sujet avec un problème plus ou moins semblable au mien mais n'ayant pas trouvé de solution à mon problème dans le topic en question, j'ouvre un nouveau sujet.
En fait, j'ai le code suivant mais j'ai un problème puisque celà ne fonctionne que sous IE, quelles seraient les modification au code java pour que celà fonctionne? MERCI


<html>
<head>
<title>Document sans nom</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
<!--
.vis {
	display: inline;
}
.invis {
	display: none;
}
-->
</style>
</head>

<body>
<table width="100%" border="2" cellspacing="2" cellpadding="1" onClick="fonction()">
  <tr>
    <td width="12%"><input id="1" type="submit" name="Submit" value="Lire"></td>
    <td width="88%">TEXTE</td>

  </tr>
  <tr>
    <td colspan="2" class="invis" id="art1">texte</td>
  </tr>
  <tr>
    <td><input id="2" type="submit" name="Submit" value="Lire"></td>
    <td>TEXTE</td>
  </tr>

  <tr>
    <td colspan="2" class="invis" id="art2">texte</td>
  </tr>
  <tr>
    <td><input id="3" type="submit" name="Submit" value="Lire"></td>
    <td>TEXTE</td>
  </tr>
  <tr>

    <td colspan="2" class="invis" id="art3">texte</td>
  </tr>
</table>
</body>

<script language="JavaScript" type="text/javascript">
function fonction() {
x=window.document.getElementById("art"+window.event.srcElement.id);
if (window.event.srcElement.tagName=="INPUT")
{
if (x.className=="vis"){x.className="invis";} else { x.className="vis";}

}
}
</script>


</html>
Je viens de constater que ça ne fonctionne que sous IE6 et Opéra Smiley decu
Au cas où personne n'aurait la solution, n'y aurait-il pas sur le site un exemple d'utilisation qui pourrait m'aider?