Vous ne trouvez pas de réponse à votre problème ? Alors posez la question dans le forum. Souvenez-vous qu'il n'y a jamais de question bête, mais rester dans l'ignorance parce que l'on n'ose pas poser une question, ça c'est une erreur !

Sujet : Show/hide... [ Archives / AU SECOURS !!! ] (Loser)

mardi 17 août 2004 à 15:57:01 | Show/hide...

Loser

Bonjour !


j'ai une page de ce type :

Lien 1 = groupe de texte 1
Lien 2 = groupe de texte 2
etc...

(qui sera générer par php...)

et j'aimerais que quand je clique sur le lien 1 ça maffiche le groupe de texte 1
et si je clique sur le groupe de texte 2 ça ferme le groupe 1 pour ouvrir le groupe 2....

jai cherché un peu partout mais sans trouver ce quil faut...

mardi 17 août 2004 à 16:09:37 | Re : Show/hide...

bultez

Membre Club
Bonjour,
c'est quoi "groupe de textes" ?
des textes dans un div ?

<div id="div1" ...> groupe de textes 1 .... </div>
<div id="div2" ...> groupe de textes 2.... </div> ...
<a href="javascript:div2.style.display='none'; dvi1.style.display='inline';>lien 1</a>
<a href="javascript:div1.style.display='none'; dvi2.style.display='inline';>lien 2</a>

peut-être ?
Cordialement Bul. [Site] [Mail]

mardi 17 août 2004 à 16:16:38 | Re : Show/hide...

Loser

oui un cadre contenant divers textes...

mardi 17 août 2004 à 16:29:56 | Re : Show/hide...

bultez

Membre Club
comme quelques erreurs dans script précédent

<div id="div1" name="div1" style="display:'inline'">
groupe de textes 1 ...
</div>
<div id="div2" name="div2" style="display:'inline'">
groupe de textes 2 ...
</div>
<button onclick="div2.style.display='none';
div1.style.display='inline';">voir 1</button>
<button onclick="div1.style.display='none';
div2.style.display='inline';">voir 2</button>

<button onclick="div1.style.display='inline';
div2.style.display='inline';">voir 1 & 2</button>
<button onclick="div1.style.display='none';
div2.style.display='none';">ne rien voir</button>
</BODY></HTML>

mis des boutons au lieu de lien
Cordialement Bul. [Site] [Mail]

mardi 17 août 2004 à 16:40:06 | Re : Show/hide...

Loser

OK merci mais probleme de compatibilité...

et puis en poursuivant mes recherches je suis tomber la dessus (pareil probleme de compatibilité mozilla...)

<html>
<head>
<script>
function afficher(numero)
{
if (document.getElementById('paragraphe'+numero).style == 'none')
document.getElementById('paragraphe'+numero).style='block';
else
document.getElementById('paragraphe'+numero).style='none';
}
</script>
</head>

<body>

<a href="javascript:afficher(1)"> Titre </a> <br>
<div id="paragraphe1" style="diplay:none"> blablabla </div>

<a href="javascript:afficher(2)"> toto</a> <br>
<div id="paragraphe2" style="diplay:none"> prout</div>

</body>
</html>

mardi 17 août 2004 à 18:10:03 | Re : Show/hide...

Loser

Presque résolu

dans le head

function afficher(numero)
{
if (document.getElementById('scat'+numero).style.display == 'none')
document.getElementById('scat'+numero).style.display='block';
else
document.getElementById('scat'+numero).style.display='none';
}


html


<a href="javascript:afficher(1)"> Titre </a> <br>
<div id="scat1" style="display:none"> blablabla </div>

<a href="javascript:afficher(2)"> toto</a> <br>
<div id="scat2" style="display:none"> prout</div>


il manque juste un ptit truc : quand on clic sur le second lien par exemple, et que le premier est ouvert, ben ce dernier se ferme automatiquement...

mardi 17 août 2004 à 22:24:13 | Re : Show/hide...

chmel

Excuse Bul, de te griller la réponse.
Pour n'afficher qu'un seul texte, je n'ai pas essayé :

dans le head


// nombre de textes
var nbtxt=2


function afficher(numero)
{
for(i=0;i<=nbtxt;i++){
document.getElementById('scat'+i).style.display == 'none'
};
document.getElementById('scat'+numero).style.display='block';
}


C'est encore plus compatible en CSS, mais avec le survol dans ce cas :


http://www.alsacreations.com/

mardi 17 août 2004 à 22:26:13 | Re : Show/hide...

chmel

erratum

function afficher(numero)
{
for(i=0;i<=nbtxt;i++){
document.getElementById('scat'+i).style.display='none'
};
document.getElementById('scat'+numero).style.display='block';
}

mercredi 18 août 2004 à 12:04:38 | Re : Show/hide...

Loser

ben ta portion de code ne marche pas

c'est pas un survol que je cherche mais bien ouverture/fermeture :)

jeudi 19 août 2004 à 17:43:40 | Re : Show/hide...

chmel

Réponse acceptée !
il suffisait d'adapter loser

<html>
<head>
<script type="text/javascript">
//nombre de textes
var nbtxt=3
function afficher(numero)
{
for(var i=0;i<=nbtxt-1;i++){
document.getElementById('scat'+i).style.display='none'};
document.getElementById('scat'+numero).style.display='block';
}
</script>
</head>
<body>
<a href="javascript:afficher(0)"> lien 0</a> |
<a href="javascript:afficher(1)"> lien 1</a> |
<a href="javascript:afficher(2)"> lien 2</a> <br>
<div id="scat0" style="display:none"> Texte numéro 0</div>
<div id="scat1" style="display:none;color:red"> texte 1 </div>
<div id="scat2" style="display:none;color:green;font-size:25px"> Texte numéro 2 qui peut avoir n'importe quel style</div>
</body>
</html>


1 2

Cette discussion est classé dans : texte, show, lien, hide, groupe


Répondre à ce message

Sujets en rapport avec ce message

Ajout de texte dans une txtarea sur lien??? [ par xabi62 ] Salut,Comment ajouter du texte a la position du curseur dans une txtarea sur un lien "classique". J'ai le code pour le faire sur le click d'un bouton alt tag pour un lien texte [ par redlo ] Bonjour,Je voudrais mettre une description à un lien texte, semblable à un "alt tag" pour une image.est-ce que quelqu'un pourrait m'aider?merci beauco changer couleur d'un texte [ par FeP ] Salut,j'ai un petit problème : je voudrais changer la couleur d'un texte à distance (dans le code...). J'ai essayé avec document.getelementbyid().styl afficher texte [ par glipper ] Bonjour,je ne connais absolument rien en Javascript, et j'essai de faire apparaitre du texte lorsque je clique sur un lien, et le faire disparaitre lo fonction qui agrandit et rétrécit du texte [ par moulaxxx ] Bonjour j'ai un pb avec mon script : il ne marche qu'un fois c'est-à-dire que le texte de départ s'agrandit une fois et en recliquant sur le lien il n Ouvrir un fichier texte sous Notepad avec un lien... [ par kennylingus ] Bonjour !Je cherche à savoir s'il est possible d'ouvrir un fichier texte (*.txt) sous un éditeur de texte (exemple notepad) à partir d'un simple lien Hide and Show [ par shaft107 ] sltComment faire apparaitre et faire disparaitre un tableauen cliquant sur un bouton radio?shaft ajouter un lien hypertexte au texte sélectionné [ par hankar ] Salut à tous!jsui nouvelle et débutante. voilà mon problème:je voudrais surligner un texte selectionné par un utilisateur dans un formulaire html et y java pour lien avec btn en texte dynamique vers page html redimensionne [ par webding ] Bonjour j'aimerais savoir de quelle maniere proceder pour ouvrir une page internet redimensionnee a la taille voulu, je travaille en environnement fal Problème zone texte et lien [ par willstar ] Hello, je me demandais si c'était possible d'avoir une zone de texte sans un formulaire et que via un lien normal href, est-il possible d'envoyer la v


Nos sponsors

Sondage...

CalendriCode

Juillet 2009
LMMJVSD
  12345
6789101112
13141516171819
20212223242526
2728293031  

Consulter la suite du CalendriCode

Téléchargements

Comparez les prix Nouvelle version

Photothèque Nouveau !



Développement réalisé par Nicolas SOREL (Nix) avec l'aide de : Cyril DURAND et Emmanuel (EBArtSoft), Merci à Vincent pour ses précieux conseils
CodeS-SourceS.com© Toute reproduction même partielle est interdite sauf accord écrit du Webmaster
CodeS-SourceS.com© est une marque déposée tous droits réservés
Temps d'éxécution de la page : 0,640 sec

Google Coop CodeS-SourceS Google Coop CodeS-SourceS


Certaines images présentes sur le site (notament certains avatars) sont issues des collections IconShock, donc si vous souhaitez utiliser ces icons vous devez les acheter, ne les copiez pas et ne utilisez pas dans vos sites et applications sans les avoir commandé.