[Script,HTML]] Menu pour images
wallou
-
wallou -
wallou -
Salut tout le monde,
Je dois faire un un organigramme interactif avec differents niveaux. Le but est que quand je clique sur le premier niveau (image1), le deuxieme niveau s'affiche.
J'ai trouvé un script mais qui fonctionne uniquement quand je clique sur un texte.
Est-ce que qqn peut m'aider SVP. Je suis vraiment emmerdé...
Merci de votre attention
Wallou
PS: J'ai deja laissé un message hier mais personne ne m'a repondu...
Je dois faire un un organigramme interactif avec differents niveaux. Le but est que quand je clique sur le premier niveau (image1), le deuxieme niveau s'affiche.
J'ai trouvé un script mais qui fonctionne uniquement quand je clique sur un texte.
Est-ce que qqn peut m'aider SVP. Je suis vraiment emmerdé...
Merci de votre attention
Wallou
PS: J'ai deja laissé un message hier mais personne ne m'a repondu...
2 réponses
-
salut disons que sans voir le script en question, c'est pas facile de t'aider
Chouba
Casque Bleu forumique -
Salut Chouba,
voila le script en bas. Le probleme est que je dois cliquer sur un texte, mais je voudrais cliquer sur les images. Encore un truc est que tu verras qu'en bas du code, j'ai créé un tableau pour pouvoir mettre en Background une image à droite et afficher une image dans le tableau (elles ont des dimensions differentes et elles doivent s'afficher l'une à coté de l'autre.
Merci Chouba!
Voila le code
<script language="JavaScript1.2">
var ns6=document.getElementById&&!document.all?1:0
var head="display:''"
var folder=''
function expandit(curobj){
folder=ns6?curobj.nextSibling.nextSibling.style:document.all[curobj.sourceIndex+1].style
if (folder.display=="none")
folder.display=""
else
folder.display="none"
}
</script>
</head>
<body>
<p style="cursor:pointer; cursor:hand" onClick="expandit(this)">Company Structure
<span style="display:none" style=&{center};><br>
<img src="Images_orga/1level.jpg" border="0" width="765" height="73"
alt="" ><br>
<p style="cursor:pointer; cursor:hand" onClick="expandit(this)">2nd level
<span style="display:none" style=&{head};><br><img src="Images_orga/2level.jpg" border="0" alt="" >
<p style="cursor:pointer; cursor:hand" onClick="expandit(this)">3rd level
<span style="display:none" style=&{head};><br><img src="Images_orga/3level.jpg" border="0" alt="" >
<p style="cursor:pointer; cursor:hand" onClick="expandit(this)">4rd level
<span style="display:none" style=&{head};>
<br><table background="Images_orga/42level.jpg"
style="background-position: right 200; background-repeat: no-repeat"><tr><td>
<img src="Images_orga/41level.jpg" border="0" alt="" ></td></tr></table>
<b style="cursor:pointer; cursor:hand" onClick="expandit(this)">5rd level
<span style="display:none" style=&{head};><br><img src="Images_orga/51level.jpg" border="0" alt="" >
</span></span><p style="cursor:pointer; cursor:hand" onClick="expandit(this)">Company Structure
<span style="display:none" style=&{center};><br>
<img src="Images_orga/1level.jpg" border="0" width="765" height="73"
alt="" ><br>
<p style="cursor:pointer; cursor:hand" onClick="expandit(this)">2nd level
<span style="display:none" style=&{head};><br><img src="Images_orga/2level.jpg" border="0" alt="" >
<p style="cursor:pointer; cursor:hand" onClick="expandit(this)">3rd level
<span style="display:none" style=&{head};><br><img src="Images_orga/3level.jpg" border="0" alt="" >
<p style="cursor:pointer; cursor:hand" onClick="expandit(this)">4rd level
<span style="display:none" style=&{head};>
<br><table background="Images_orga/42level.jpg"
style="background-position: right 200; background-repeat: no-repeat"><tr><td>
<img src="Images_orga/41level.jpg" border="0" alt="" ></td></tr></table>
<b style="cursor:pointer; cursor:hand" onClick="expandit(this)">5rd level
<span style="display:none" style=&{head};><br><img src="Images_orga/51level.jpg" border="0" alt="" >
</span></span>
