3 textes sur la meme page
emma
-
Alternate Messages postés 277 Date d'inscription Statut Membre Dernière intervention -
Alternate Messages postés 277 Date d'inscription Statut Membre Dernière intervention -
Bonjour,
j'aimerai créer sur ma page 3 boutons, a chaque clique sur le bouton une texte qui s'affiche et les 2 autres ce cache, texte + photo
sur Visual basic c'est facile a faire:
text2.visible= true
text2.visible= false
text3.visite= false
mais j'arrive pas faire sur php
Merci d'avance
j'aimerai créer sur ma page 3 boutons, a chaque clique sur le bouton une texte qui s'affiche et les 2 autres ce cache, texte + photo
sur Visual basic c'est facile a faire:
text2.visible= true
text2.visible= false
text3.visite= false
mais j'arrive pas faire sur php
Merci d'avance
Configuration: Windows XP Safari 525.19
4 réponses
-
ce n'est pas avec du php que tu réussiras mais plutôt avec du javascript ou du CSS choisit ce que tu préfères
-
-
On peux très bien le faire en PHP avec des conditions et un variable dans l'url.
Exemple:<a href="texte.php&n=1">Texte 1</a> <a href="texte.php&n=2">Texte 2</a> <a href="texte.php&n=3">Texte 3</a> <?php /*Texte 1*/ if(isset($_GET['n']) && ($_GET['n'] == '1') ) {echo'<p>Ceci est le texte 1.</p>';} /*Texte 2*/ if(isset($_GET['n']) && ($_GET['n'] == '2') ) {echo'<p>Ceci est le texte 2.</p>';} /*Texte 3*/ if(isset($_GET['n']) && ($_GET['n'] == '3') ) {echo'<p>Ceci est le texte 3.</p>';} ?>
Essai un code comme ça en l'adaptant. Tu devrai pouvoir y arriver ainsi. Bien sur doit y avoir moyen de le faire en javascipt mais vu que je connais absolument pas... -
désolé j'ai été long.
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>Insert title here</title> <script language="javascript"> function rendVisible1() { document.getElementById("text1").style.visibility= 'visible'; document.getElementById("text2").style.visibility= 'hidden'; document.getElementById("text3").style.visibility= 'hidden'; } function rendVisible2() { document.getElementById("text1").style.visibility= 'hidden'; document.getElementById("text2").style.visibility= 'visible'; document.getElementById("text3").style.visibility= 'hidden'; } function rendVisible3() { document.getElementById("text1").style.visibility= 'hidden'; document.getElementById("text2").style.visibility= 'hidden'; document.getElementById("text3").style.visibility= 'visible'; } </script> </head> <body> <div id="text1" style="visibility:hidden">text 1text 1text 1text 1text 1text 1text 1</div> <div id="text2" style="visibility:hidden">texte 2texte 2 2 2texte 2texte 2texte 2texte 2</div> <div id="text3" style="visibility:hidden">text3 yopllala text3 text3 yopllala text3 yopllala</div> <input type=submit onclick="rendVisible1()" /> <input type=submit onclick="rendVisible2()" /> <input type=submit onclick="rendVisible3()" /> </body> </html>
ce code est a améliorer suivant le cas d'utilisation, par exemple on peut faire une seul fonction rendVisible() avec un paramètre que l'on utilisera pour afficher tel ou tel texte.
EDIT petite nouvelle version<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>Insert title here</title> <script language="javascript"> function rendVisible(num) { for( var i=1 ; i<=4 ; i++ ) { if( i == num) document.getElementById("text"+i).style.visibility= 'visible'; else document.getElementById("text"+i).style.visibility= 'hidden'; } } </script> </head> <body> <div id="text1" style="visibility:hidden">text 1text 1text 1text 1text 1text 1text 1</div> <div id="text2" style="visibility:hidden">texte 2texte 2texte 2texte 2texte 2texte 2</div> <div id="text3" style="visibility:hidden">text3 yopllala text3 text3 yopllala text3 yopllala</div> <input type=submit onclick="rendVisible(1)" /> <input type=submit onclick="rendVisible(2)" /> <input type=submit onclick="rendVisible(3)" /> </body> </html>
copie ça dans ton éditeur de texte tu le verras plus clairement. perso : je conseil notepad++ (non c'est pas de la pub ... ;) )
