[Script,HTML]] Menu pour images
Fermé
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...
A voir également:
- [Script,HTML]] Menu pour images
- Script vidéo youtube - Guide
- Menu déroulant excel - Guide
- Editeur html - Télécharger - HTML
- Windows 11 menu démarrer classique - Guide
- Des images - Guide
2 réponses
choubaka
Messages postés
39421
Date d'inscription
jeudi 4 avril 2002
Statut
Modérateur
Dernière intervention
23 mars 2025
2 104
23 mai 2003 à 13:57
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
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>
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>
