Problème afficher/montrer DIV

Marsh Posté le 03-03-2008 à 14:47:08

Bonjour à tous,

Je connais pas grand chose en javascript, et en fait je recherche un script différent de tous ceux qu'on peut trouver sur le web concernant l'affichage et le masquage de DIV

Je m'explique, la plupart du temps on trouve un script permettant de cacher ou afficher un div via un lien du genre "Afficher / Cacher mon DIV", moi je recherche un script plutot dans ce gout la avec comme lien :

Afficher le div 1
Afficher le div 2
Afficher le div 3

Lorsque l'utilisateur clique sur "Afficher le div 1", biensur div 1 s'affiche, mais si cet utiliasteur clique sur "Afficher le div 3", alors div 3 s'affiche et div 1 est caché... et ainsi de suite, ce qu'il fait qu'un seul div ne pourra être affiché sur les 3 dans la page, j'éspère être clair, en vous remerciant d'avance

Reply

Marsh Posté le 03-03-2008 à 14:47:08

Reply

Marsh Posté le 03-03-2008 à 14:55:36

Un système d'onglet quoi !
J'aimerais bien savoir en quoi tous les scripts que tu peux trouver sur le web ne correspondent pas à ce que tu cherches ?

---------------
Kao ..98 - Uplay (R6S) : kao98.7.62x39 - Origin (BF4, BF1) : kntkao98

Reply

Marsh Posté le 03-03-2008 à 15:24:33

Voila ! Tout simplement parce que je ne trouve que des scripts de ce style la : http://www.editeurjavascript.com/s [...] _3_182.php

Alors j'essaye de faire un pti mix pour faire ce que je veux :whistle: Mais... ca marche jamais, j'arrive pas à cacher LE div qui est ouvert pour le remplacer par celui qu'on veut afficher ... :pfff:

Reply

Marsh Posté le 04-03-2008 à 16:15:23

si ça peut aider,

j'utilise le meme systeme au clavier avec ça :

Code :

if(key == 53) { // key rouge
document.getElementById("div0" ).style.visibility = "visible";
document.getElementById("div1" ).style.visibility = "hidden";
document.getElementById("div2" ).style.visibility = "hidden";
}
else{
document.getElementById("div0" ).style.visibility = "hidden";
document.getElementById("div1" ).style.visibility = "visible";
}

bon courage

Reply

Marsh Posté le 04-03-2008 à 16:35:09

sinon tu fais un lien qui te lance une fonction js afficherDiv(id) qui ressemblerait à ça:

Code :

var nombreDiv= 3;(pour suivre ton exemple)
function afficherDiv(id)
{
this.cacherDiv()
document.getElementById("div"+id ).style.visibility = "visible";
}
function cacherDiv()
{
for(i=0; i<nombreDiv; i++)
{
document.getElementById("div"+i ).style.visibility = "hidden";
}
}

---------------
yop yop

Reply

Marsh Posté le 05-03-2008 à 21:04:43

Merci bien ! J'ai réussi à faire ce que je voulais, malgré que je n'y connaisse pas grand chose en javascript, j'ai trouvé comment faire, le code de OyT est clair, j'ai un peu changer, et ca roule, et surtout ... ca marche

Reply

Problème afficher/montrer DIV

Sujets relatifs:

Leave a Replay