3 textes sur la meme page
Fermé
emma
-
11 mai 2009 à 18:50
Alternate Messages postés 274 Date d'inscription mercredi 16 avril 2008 Statut Membre Dernière intervention 2 avril 2010 - 11 mai 2009 à 21:49
Alternate Messages postés 274 Date d'inscription mercredi 16 avril 2008 Statut Membre Dernière intervention 2 avril 2010 - 11 mai 2009 à 21:49
A voir également:
- 3 textes sur la meme page
- Supprimer une page word - Guide
- Picasa 3 - Télécharger - Albums photo
- :3 emoji ✓ - Forum Loisirs / Divertissements
- Consultez le code source de cette page. copiez la ligne indiquant aux moteurs de recherche de ne pas référencer la page. ✓ - Forum Référencement
- :3 smiley ✓ - Forum Messagerie
4 réponses
Alternate
Messages postés
274
Date d'inscription
mercredi 16 avril 2008
Statut
Membre
Dernière intervention
2 avril 2010
157
11 mai 2009 à 18:56
11 mai 2009 à 18:56
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
j'ai essaye avec java script, mais jusqu'a le moment rien de spécial
Alternate
Messages postés
274
Date d'inscription
mercredi 16 avril 2008
Statut
Membre
Dernière intervention
2 avril 2010
157
11 mai 2009 à 19:27
11 mai 2009 à 19:27
heu pardon ... !? moi y en a pas comprendre ?
arthezius
Messages postés
3538
Date d'inscription
jeudi 15 mai 2008
Statut
Membre
Dernière intervention
11 septembre 2016
477
11 mai 2009 à 19:27
11 mai 2009 à 19:27
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...
Alternate
Messages postés
274
Date d'inscription
mercredi 16 avril 2008
Statut
Membre
Dernière intervention
2 avril 2010
157
11 mai 2009 à 19:29
11 mai 2009 à 19:29
là on est obligé de rechargé la page ... c'est faisaible
deux minutes je vais voir pour un exemple en js
deux minutes je vais voir pour un exemple en js
Alternate
Messages postés
274
Date d'inscription
mercredi 16 avril 2008
Statut
Membre
Dernière intervention
2 avril 2010
157
11 mai 2009 à 21:49
11 mai 2009 à 21:49
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 ... ;) )