Javascript:visibilite pour Menu

Résolu
jeasonp Messages postés 274 Date d'inscription   Statut Membre Dernière intervention   -  
jeasonp Messages postés 274 Date d'inscription   Statut Membre Dernière intervention   -
Bonjour,

Je ne mit connais pas beaucoup en Javascript, mais j'aurais besoin d'un complément de code.
Le problème, j'ai le code suivant

HEAD 
<script>
function visibilite(thingId)
{
var targetElement;
targetElement = document.getElementById(thingId) ;
if (targetElement.style.display == "none")
{
targetElement.style.display = "" ;
} else {
targetElement.style.display = "none" ;
}
}
<script>



HTML 
        	<ul>
        		<li><a href="javascript:;" title="Accueil" id="graphics">Accueil<br /><span class="bleu">Accueil</span></a></li>
            	<li><a href="javascript:visibilite('desc');" title="Création" id="web">Création<br /><span class="bleu">Création</span></a></li>
            	<li><a href="javascript:;" title="Profil" id="trd">Profil<br /><span class="bleu">Profil</span></a></li>
            	<li><a href="javascript:;" title="Contact" id="profil">Contact<br /><span class="bleu">Contact</span></a></li>
        	</ul>


            
<div id="desc" style="display:none"> test </div>



Pour l'instant ce bout de code me permet quand je clique sur Création d'afficher le texte 'test' à un endroit dans ma page.
Je voudrais de l'aide pour le terminer, permettre que quand on clique sur Création que la Div s'affiche, mais que quand on clique sur Accueil, Profil ou Contact, la Div disparait et ne reparaitra que si on reclique sur Création

et aussi éviter que quand on clique une fois il apparais et quand on reclique il disparais.

Merci d'avance au personne qui passerons du temps pour y repondre, meme si c'est pour me renvoyer vers des tutos ou autre ( bien que j'ai deja fait pas mal de recherche)

JeasonP

3 réponses

Réponse 1 / 3
AssassinTourist Messages postés 6029 Date d'inscription   Statut Contributeur Dernière intervention   1 312
 
Bonjour,

L'idée, c'est de mettre la même fonction à tous tes A, avec en paramètre, l'id de ton A.
Si l'élément du A, c'est Création, tu affiches le div du test (display:block)
Sinon, tu fais disparaître le div du test (display:none)

Si c'est ça l'idée... Mais en fait, qu'est-ce que tu veux faire au final ? Un menu qui fait changer un div à chaque clic ? (que ce soit Création ou Accueil ?)
0
Réponse 2 / 3
Mihawk Messages postés 4315 Date d'inscription   Statut Contributeur Dernière intervention   846
 
Hello,

Pour fermer la div, pas trop le choix.
Il faut que tu fasse un fonction "toutCacher()" qui va cacher tous les divs avant d'appeler ta fonction visibility qui affiche celui que veux l'internaute :)
0
Réponse 3 / 3
jeasonp Messages postés 274 Date d'inscription   Statut Membre Dernière intervention   8
 
Merci à vous, j'y suis arrivé, mais j'ai du changer d'idée après y être arrivais pour un notre problème de script.

Merci comme même, et que se sujet, servent a d'autres personnes, Résolu

JeasonP
0

Discussions similaires

java script error in the main process
ceciel2307 -
Thibaut -

3 réponses
Javascript Arrondi à 2 chiffres après la virgule
jeremy -
gravityaerox -

12 réponses
javascript:void(0);
nano -
JCVD -

18 réponses
Faire un echo dans un script JS
CorentinRoche -
CorentinRoche -

6 réponses
a javascript error occurred in the main process
Kytsu1241 -
lolomusic667 -

1 réponse