[Script,HTML]] Menu pour images

Fermé
wallou - 23 mai 2003 à 13:52
 wallou - 23 mai 2003 à 14:46
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...
A voir également:

2 réponses

choubaka Messages postés 39378 Date d'inscription jeudi 4 avril 2002 Statut Modérateur Dernière intervention 13 mai 2024 2 101
23 mai 2003 à 13:57
salut disons que sans voir le script en question, c'est pas facile de t'aider

Chouba
Casque Bleu forumique
1
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>
0