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
A voir également:
- 3 textes sur la meme page
- Comment supprimer une page sur word - Guide
- Ai suite 3 - Télécharger - Optimisation
- Imprimer excel sur une page - Guide
- Page d'accueil - Guide
- Comment recentrer la page google ✓ - Forum Windows
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:
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...
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.
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
copie ça dans ton éditeur de texte tu le verras plus clairement. perso : je conseil notepad++ (non c'est pas de la pub ... ;) )
<!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 ... ;) )
