begin process at 2012 05 28 23:39:44
  Trouver un code source :
 
dans
 
Accueil > Forum > 

Javascript / DHTML / Ajax

 > 

CSS

 > 

Général

 > 

Afficher et masquer calque avec js


Derniers messages déposésPoser une question dans le forum ou lancer une discussion

Afficher et masquer calque avec js

samedi 16 septembre 2006 à 20:38:40 | Afficher et masquer calque avec js

sagaff

Bonjours, j'ai un petit problème avec code:  



<html>
<head>
<title>Document sans-titre</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script>
function visibilite(thingId)
{
var targetElement;
targetElement = document.getElementById(thingId) ;
if (targetElement.style.display == "none" )
{
targetElement.style.display = "" ;
} else {
targetElement.style.display = "none" ;
}
}
</script>
</head>
 
<body onLoad="javascript:visibilite('divid')">
 
<a href="javascript:visibilite('divid');">afficher/masquer</a>
<a href="javascript:visibilite('divid2');">afficher/masquer 2</a>
 
<div id="divid" style="display:none;">contenu</div>
<div id="divid2" style="display:none;">contenu defaut</div>
</body>
</html>

Ce que je cherche à faire, c'est que lorsqu'un div est affiché, j'aimerai que les autre soit caché. Ne pas avoir 2 div supperposé lorsque les 2 liens sont actifs
dimanche 17 septembre 2006 à 11:25:59 | Re : Afficher et masquer calque avec js

nickadele

Membre Club Administrateur CodeS-SourceS
Réponse acceptée !

Ceci devrait t'aider !

<html>
<head>
<title>Document sans-titre</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script>
function visibilite(thingId)
{
 var i;
 var targetElement;
 for(i=1; i<4; i++){
  targetElement = document.getElementById("divid" + i) ;
  targetElement.style.display = "none" ;
 }
 targetElement = document.getElementById("divid" + thingId) ;
 targetElement.style.display = "" ;
}
</script>

</head>
 
<body onLoad="javascript:visibilite('2')">
 
<a href="javascript:visibilite('1');">afficher1/masquer</a>
<a href="javascript:visibilite('2');">afficher2/masquer</a>
<a href="javascript:visibilite('3');">afficher3/masquer</a>
 
<div id="divid1" style="display:none;">contenu 1</div>
<div id="divid2" style="display:none;">contenu defaut</div>
<div id="divid3" style="display:none;">contenu 3</div>
</body>
</html>

Nickadele
----------------------------------------------
non, ma belle ne s'appel pas Adèle

dimanche 17 septembre 2006 à 13:51:43 | Re : Afficher et masquer calque avec js

sagaff

Merci beaucoup  nickadele
mardi 11 mars 2008 à 14:43:54 | Re : Afficher et masquer calque avec js

CPAGRAV

merci pour ton code. il m'a été d'une grande utilité.
J'aimerais mettre ton pseudo sur mon code source si tu permets et si ce code est vraiment de toi...

cpg
mardi 1 avril 2008 à 13:16:20 | Re : Afficher et masquer calque avec js

FoVoir

Bonjour,

J'ai fait une page (page1) où en passant sur des liens différents div s'affiche comme expliqué ci-dessus. Je voudrais pouvoir faire un lien depuis une autre page (page 2) vers cette page en choisissant le div qui va s'afficher en fonction du lien. En gros, je veux faire par exemple 4 liens sur la page 2 menant à la page 1 avec le lien 1 qui permet d'afficher le div1, le lien 2 qui permet d'afficher le div2, etc.

Quelqu'un aurait une solution ?

Merci
lundi 28 juillet 2008 à 11:44:06 | Re : Afficher et masquer calque avec js

krma

Bonjour et merci à Nickadele pour ce script simple super pratique !
Pour ton probleme FOVOIR (il est un peu tard, je suppose que tu as trouvé depuis le temps) mais il faut passer en variable PHP dans tes liens de la page 2, l'id de la div à afficher par défaut :
<?php echo "lien_vers_ma_page1.php?div=1"; ?>
<?php echo "lien_vers_ma_page1.php?div=2"; ?>
etc pour la page deux, trois, quatre...
Variable que tu récupères dans ton body onload sur la page cible :
<body onLoad="javascript:visibilite('<?php echo "$div"; ?>')">

Warning : il faut se méfier des simples quotes et doubles quotes quand on met des balises PHP dans JS mais j'appelle dynamiquement des FLV et des MP3 via ce principe et en bricolant les simples et doubles quotes, ça fonctionne très bien.

Be Good...
lundi 28 juillet 2008 à 12:06:08 | Re : Afficher et masquer calque avec js

krma

Tiens, tout sur la meme page, plus simple à comprendre (du coup, je vais m'en servir aussi). Trop de balises PHP dans ma page mais j'ai fait ça vite pour voir si je ne disais pas de betises :-) Et apparemment, ça fonctionne.

<?php
switch($action)
{
case "clicsurdiv";
?>
<html>
<head>
<title>menu div test div n°<?php echo "$div"; ?> affichées</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script>
function visibilite(thingId)
{
 var i;
 var targetElement;
 for(i=1; i<4; i++){
  targetElement = document.getElementById("divid" + i) ;
  targetElement.style.display = "none" ;
 }
 targetElement = document.getElementById("divid" + thingId) ;
 targetElement.style.display = "" ;
}
</script>

</head>
 
<body onLoad="javascript:visibilite('<?php echo "$div"; ?>')">
 
<a href="javascript:visibilite('1');">afficher1/masquer</a>
<a href="javascript:visibilite('2');">afficher2/masquer</a>
<a href="javascript:visibilite('3');">afficher3/masquer</a>
 
<div id="divid1" style="display:none;">vous avez cliqué le DIV <b>1</b></div>
<div id="divid2" style="display:none;">vous avez cliqué le DIV <b>2</b></div>
<div id="divid3" style="display:none;">vous avez cliqué le DIV <b>3</b></div>
</body>
</html>
<?php
break;

default:
?>
<html>
<head>
<title>menu div test liens source</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<?php echo "<a href=_menu_div_test.php?action=clicsurdiv&div=1>Lien vers div 1</a>"; ?><br />
<?php echo "<a href=_menu_div_test.php?action=clicsurdiv&div=2>Lien vers div 2</a>"; ?><br />
<?php echo "<a href=_menu_div_test.php?action=clicsurdiv&div=3>Lien vers div 3</a>"; ?>
</body>
</html>
<?php } ?>

Be Good...

mardi 24 août 2010 à 07:28:21 | Re : Afficher et masquer calque avec js

ilyessou31


slt tous me monde mais ça ne marche pa tamethode Krma, c la deuxiéme page qui doit affiché les div choisi au préalable qui beug et voici l'erreur
"Parse error: syntax error, unexpected $end in /www/zxq.net/e/r/e/erei-dz/htdocs/ppp.php on line 38 "
ça ne marche pas
si je comprend bien il faut faire deux page separées depuis votre derniers code et merci!!!
ilyessou_31


Cette discussion est classée dans : style, afficher, display, masquer, targetelement


Répondre à ce message

Sujets en rapport avec ce message

variables JS et formulaire [ par karistote ] Bonjour. J'ai un problème concernant un formulaire dans une page. J'ai beau eu chercher, mais je ne connais pas assez javascript pour m'en tirer comme Afficher / cacher <div> [ par helvetica ] Bonjour, Je souhaiterais afficher / masquer une , j'utilise onclick() pour lancer la fonction JS ci-dessous, la propriété de départ de ma div est :. Afficher/masquer DIV: reste en dessous du scroll => pas visible de suite [ par Delphine38 ] Bonjour à tous, J'ai pourtant cherché et tester pas mal de chose mais rien de marche. J'ai une image + textes dans des DIV, eux-même dans un DIV que JS PARENT node [ par ghighidu63 ] Bonjour, j'ai crée ce sujet car j'ai besoin d'aide pour mon script. J'ai crée un truc pour Minimiser et Fermer un truc (Cacher/Afficher) Quand il y'en Modification dynamique d'un formulaire [ par Romain54000 ] Bonjour, Voila j'ai un probléme dont je ne trouve malheureusement pas de réponse. Je voudrai partir d'une liste déroulante avec plusieurs choix, suiv Implanter du code distant [ par lucaconf ] Bonjour, je m'occupe, pour une école du LMS moodle. Le problème est que ce système (un peux comme un blog) nettoie le code avant de le publier. donc l Afficher/masquer un module [ par DefkoR ] Bonjour/bonsoir voila je suis très néophyte en js, ça fait un bon moment que je cherche un epu partout mais en vain ce pourquoi je m'en remet a vous. Comment puis-je améliorer ce script ??? [ par nanti ] Bonjour à tous !Tout d'abord, j'espère être dans le bon thème... !?Comme annoncer, je souhaite améliorer ces scripts pour n'en faire qu'un qui soit op afficher un text [ par tonyjim ] Bonjour à tous ;) désolé si je ne post pas à la bonne place [^^choc] voila, j'utilise une fonction javascript pour faire afficher un text sur click Afficher/masquer une image, quelque chose m'échappe ! [ par Nebuchad34 ] onjour ! J'ai beau me relire je ne vois pas d'erreur, mais pourtant ça ne marche pas. je veux simplement rendre une image visible en cliquant sur un


Nos sponsors


Sondage...

Comparez les prix

CalendriCode

Mai 2012
LMMJVSD
 123456
78910111213
14151617181920
21222324252627
28293031   

Consulter la suite du CalendriCode

A découvrir



 
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

Google Coop CodeS-SourceS Google Coop CodeS-SourceS
Temps d'éxécution de la page : 0,452 sec (4)

Nous contacter | Annoncer sur CodeS-SourceS | Mentions légales