cyril
l'instruction document.all[name] n'a jammais fonctionné sous netscape.
Netscape 6 utilise
document.getElementById("id")
pour identifier un element du type
<ELEMENT id="id"></ELEMENT>
Nota
essaye aussi document.getElementsByName("nom")
IE comprend normalement les deux a partir d'une certaine version 5.0 je crois.
Par contre les autres netscape utilisent document.layer[numero du layer]
avec numero=ordre d'apparition du div dans le code HTML
-------------------------------
Réponse au message :
-------------------------------
Salut ! j'ai un problème avec ce code... il ne fonctionne que sous IE et je voudrais qu'il fonctionne aussi sous netscape... Comment faire ??
*** CODE SOURCE ***
<html>
<head>
<script type="text/javascript" language="JavaScript1.2">
<!--
function invertcatitem(item, image)
{
if (item.display=="block")
{
item.display="none";
image.src="plus.jpg";
image.alt="+";
} else {
item.display="block";
image.src="moins.jpg";
image.alt="-";
}
}
// FAIS LE MENU
function docatmenu(name)
{
// trouve su document.all est un object
if (document.all)
{
MenuItem="document.all."+name+"_content";
MenuImage="document.all."+name+"_img";
} else {
MenuItem="document."+name+"_content";
MenuImage="document."+name+"_img";
}
// trouve si besoin du .style
if (eval(MenuItem).style)
{
MenuItem=MenuItem+".style";
}
invertcatitem(eval(MenuItem), eval(MenuImage));
}
// -->
</script>
</head>
<body><table><tr>
<td bgcolor="#99ccff" width="165">
<div id="main_content" style="margin-top:5px;margin-left:10px">
<div id="cat2" style="display:block">
<a href="http://127.0.0.1/~phpdev/olshop/?action=view_cat&id=2">animaux</a>
</div>
<div id="cat3" style="display:block">
<a href="javascript:docatmenu('cat3')"><img id="cat3_img" src="plus.jpg" alt="+" border="0"></a>
<a href="http://127.0.0.1/~phpdev/olshop/?action=view_cat&id=3">jeux</a>
<div id="cat3_content" style="margin-left:10px;display:none">
<div id="cat7" style="display:block">
<a href="http://127.0.0.1/~phpdev/olshop/?action=view_cat&id=7">cartes</a>
</div>
<div id="cat8" style="display:block">
<a href="http://127.0.0.1/~phpdev/olshop/?action=view_cat&id=8">dés</a>
</div>
</div>
</div>
<div id="cat5" style="display:block">
<a href="http://127.0.0.1/~phpdev/olshop/?action=view_cat&id=5">maison</a>
</div>
<div id="cat6" style="display:block">
<a href="http://127.0.0.1/~phpdev/olshop/?action=view_cat&id=6">noël</a>
</div>
<div id="cat4" style="display:block">
<a href="http://127.0.0.1/~phpdev/olshop/?action=view_cat&id=4">nourriture</a>
</div>
</div>
</td>
</tr></table></body></html>