display

Eléphant du PHP | 109 Messages

28 oct. 2008, 16:03

Bonjour
qui comprends la fonction display? parce que moi je trouve rien dessus qui pourrait me la faire comprendre, j'ai recupéré du code sur le net mais ya quasi pas d'explication du coup je peux pas faire ce que je veux car je comprends pas mon code
quelqu'un peut ilme l'xpliquer
dans l'ideal je cherche a faire la chose suivante : quand on clique sur 1 on affiche la photo , qundon clique sur 2 on affiche le texte, quand on clique sur 3 une autre photo......
merci devotre aide

Code : Tout sélectionner

<script type="text/javascript"> function alterner1(obj1,obj2){ var obj1 = document.getElementById(obj1); var obj2 = document.getElementById(obj2); obj1.style.display = (obj1.style.display == "block") ? "none" : "block"; obj2.style.display = (obj2.style.display == "block") ? "none" : "block"; } function alterner2(obj1,obj2){ var obj1 = document.getElementById(obj1); var obj2 = document.getElementById(obj2); obj1.style.display = (obj1.style.display == "block") ? "none" : "block"; obj2.style.display = (obj2.style.display == "block") ? "none" : "block"; } </script> </head> <body> <a onClick="alterner1('mod_1','mod_2');" style="color: #ff9900"><strong>1</strong></a> | <a onClick="alterner2('mod_1','mod_2'');" style="color: #ff9900"><strong>2</strong></a> | 3 | 4</p> <div id="mod_1" style="display: block"><img src="images/04.jpg" width="500" height="400"></div> <div id="mod_2" style="display: none; color: #000000">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum."</div> <!-- <div id="mod_3" style="display: none"><img src="images/05.jpg" width="500" height="400"></div> -->

Merci de votre aide
Nadege[/quote]

[Note : ce message a été posté de manière anonyme avant d'être réattribué à son auteur]

Modérateur PHPfrance
Modérateur PHPfrance | 7636 Messages

28 oct. 2008, 16:58

Salut,

"display" n'est pas une fonction mais élément CSS.

Dans ton cas tu devras alterner entre "block" et "none".

Les deux fonctions effectuent exactement le même traitement ceci dit il en a donc une de trop

/!\ Avant de poster se documenter et rechercher.
Qui ne sait pas rendre un service n'a pas le droit d'en demander.
MaBrute

Eléphant du PHP | 109 Messages

28 oct. 2008, 18:09

oui mais ne l'occurence la c'est le javascript que je ne comprends pas
cette ligne là en particulier
obj2.style.display = (obj2.style.display == "block") ? "none" : "block";

merci
Nadege

[Note : ce message a été posté de manière anonyme avant d'être réattribué à son auteur]

Modérateur PHPfrance
Modérateur PHPfrance | 7636 Messages

28 oct. 2008, 18:48

Il s'agit de l'opérateur ternaire (c'est du PHP mais en Js c'est la même chose).

/!\ Avant de poster se documenter et rechercher.
Qui ne sait pas rendre un service n'a pas le droit d'en demander.
MaBrute