[ Script Afficher / Masquer ]
Bonjour,
Pouvez vous m'aidez a modifier un script
Voici le script de base :
<html>
<head>
<script type="text/javascript">
<!--
function aff(objet){
if(document.getElementById(objet).style.display == "block") {
document.getElementById(objet).style.display = "none"; } else {
document.getElementById(objet).style.display = "block"; }
}
-->
</script>
</head>
<body>
<a href="javascript:aff('ContenuA');">Afficher A</a>
<a href="javascript:aff('ContenuB');">Afficher B</a>
<div id="ContenuA" style="display: none;border: 0px solid black";>
Mon contenu A
</div>
<div id="ContenuB" style="display: none;border: 0px solid black";>
Contenu B
</div>
</body>
</html>
Permet d'afficher ou masque un div
Mais je voudrai le modifier pour que le lien "Afficher" affiche 3 div à des endroits différents ...
Seulement si je repete la div il n'affiche que la premiere =(
Pouvez vous m'aidez ?
Merci
Pouvez vous m'aidez a modifier un script
Voici le script de base :
<html>
<head>
<script type="text/javascript">
<!--
function aff(objet){
if(document.getElementById(objet).style.display == "block") {
document.getElementById(objet).style.display = "none"; } else {
document.getElementById(objet).style.display = "block"; }
}
-->
</script>
</head>
<body>
<a href="javascript:aff('ContenuA');">Afficher A</a>
<a href="javascript:aff('ContenuB');">Afficher B</a>
<div id="ContenuA" style="display: none;border: 0px solid black";>
Mon contenu A
</div>
<div id="ContenuB" style="display: none;border: 0px solid black";>
Contenu B
</div>
</body>
</html>
Permet d'afficher ou masque un div
Mais je voudrai le modifier pour que le lien "Afficher" affiche 3 div à des endroits différents ...
Seulement si je repete la div il n'affiche que la premiere =(
Pouvez vous m'aidez ?
Merci
Configuration: Windows XP Firefox 2.0.0.7
7 réponses
-
Bonsoir
Ben c'est tout bête tu fais :
<html> <head> <script type="text/javascript"> <!-- function aff(objet){ if(document.getElementById(objet).style.display == "block") { document.getElementById(objet).style.display = "none"; } else { document.getElementById(objet).style.display = "block"; } } function toggleAB() { aff('ContenuA'); aff('ContenuB'); } --> </script> </head> <body> <a href="javascript:toggleAB();">Afficher A et B</a> <div id="ContenuA" style="display: none;border: 0px solid black";> Mon contenu A </div> <div id="ContenuB" style="display: none;border: 0px solid black";> Contenu B </div> </body> </html>
-
Bonjour,
as tu testé si la valeur de objet etait la bonne ? (On c jamais pour peut qu'il faut faire objet.value)...
de plus vire l'espace apres display dans tes differents script. -
Bjr
Je sais bien que ce topic a été posté il y a longtemps, mais je tente le coup ;-)
Avec le premier script, est ce qu'il est possible, lorsqu'on click sur un lien pour ouvrir, que ça ferme tout seul les autres, si on en a déjà ouvert ?
(J'espère que je suis clair ...;)
Merci d'avance
-
Bonsoir,
Heu j'ai pas très bien compris ta question ... Tu veux masquer ou afficher plusieurs DIV d'un coup en cliquant sur un seul lien ?
par ex masquer ou afficher les div "ContenuA" et "ContenuB" en cliquant uniquement sur "Afficher A"
-
Oui ! =)
J'ai essaye en mettant la même id pour chaque div , mais sa ne marche pas -
Bonjour,
Merci bien mais je ne parviens toujours pas a faire ce que je souhaite !!
Je voudrai en faite faire une liste
- Contenu Z
- Contenu Y
- Contenu X
Et en dessou un lien
[ Afficher tous ]
Et lorsqu'on clique les contenu s'intercale a différente endroit
- Contenu Z
- Contenu A
- Contenu Y
- Contenu B
- Contenu X
Le code de php marche bien mais je n'arrive pas a le modifier pour faire sa
J'suis pas doué
Pouvez vous m'aidez a faire ceci ?
Merci -
Bonjour,
c'est énorme... Merci à PhP :p
