Page web
Fermé
jman
Messages postés
5
Date d'inscription
vendredi 13 juin 2008
Statut
Membre
Dernière intervention
12 septembre 2010
-
28 oct. 2008 à 08:42
inizar Messages postés 207 Date d'inscription mercredi 30 janvier 2008 Statut Membre Dernière intervention 3 juillet 2014 - 28 oct. 2008 à 09:54
inizar Messages postés 207 Date d'inscription mercredi 30 janvier 2008 Statut Membre Dernière intervention 3 juillet 2014 - 28 oct. 2008 à 09:54
A voir également:
- Page web
- Supprimer une page word - Guide
- Traduire une page web - Guide
- Web dl ✓ - Forum Audio
- Capture page web - Guide
- Modifier code source page web ✓ - Forum Webmastering
4 réponses
inizar
Messages postés
207
Date d'inscription
mercredi 30 janvier 2008
Statut
Membre
Dernière intervention
3 juillet 2014
15
28 oct. 2008 à 09:54
28 oct. 2008 à 09:54
j'aime bien ^^
Merci
Merci
briiiiix
Messages postés
575
Date d'inscription
vendredi 24 octobre 2008
Statut
Membre
Dernière intervention
1 juin 2010
18
28 oct. 2008 à 09:03
28 oct. 2008 à 09:03
Je viens de te créer un exemple.
Bien sure que c'est le plus simple, mais c'est suite a ta demande.
Merci de copier ce code dans une page vierge et de tester
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Document sans titre</title>
</head>
<script language="javascript">
function affichage(partie)
{
paragrapheid = 'paragraphe'+partie;
if (document.getElementById(paragrapheid).style.display == "none"){
document.getElementById(paragrapheid).style.display = "block";
}else if(document.getElementById(paragrapheid).style.display == "block"){
document.getElementById(paragrapheid).style.display = "none";
}
}
</script>
<body>
<div id="titre1" style="width:300px" onclick="affichage(1)"><a href="#">Titre paragraphe 1</a></div>
<div id="paragraphe1" style="width:300px; display:none">
Ceci est le texte du paragraphe 1<br />...
</div>
<div id="titre2" style="width:300px" onclick="affichage(2)"><a href="#">Titre paragraphe 2</a></div>
<div id="paragraphe2" style="width:300px; display:none">
Ceci est le texte du paragraphe 2<br />...
</div>
<div id="titre3" style="width:300px" onclick="affichage(3)"><a href="#">Titre paragraphe 3</a></div>
<div id="paragraphe3" style="width:300px; display:none">
Ceci est le texte du paragraphe 3<br />...
</div>
</body>
</html>
Bien sure que c'est le plus simple, mais c'est suite a ta demande.
Merci de copier ce code dans une page vierge et de tester
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Document sans titre</title>
</head>
<script language="javascript">
function affichage(partie)
{
paragrapheid = 'paragraphe'+partie;
if (document.getElementById(paragrapheid).style.display == "none"){
document.getElementById(paragrapheid).style.display = "block";
}else if(document.getElementById(paragrapheid).style.display == "block"){
document.getElementById(paragrapheid).style.display = "none";
}
}
</script>
<body>
<div id="titre1" style="width:300px" onclick="affichage(1)"><a href="#">Titre paragraphe 1</a></div>
<div id="paragraphe1" style="width:300px; display:none">
Ceci est le texte du paragraphe 1<br />...
</div>
<div id="titre2" style="width:300px" onclick="affichage(2)"><a href="#">Titre paragraphe 2</a></div>
<div id="paragraphe2" style="width:300px; display:none">
Ceci est le texte du paragraphe 2<br />...
</div>
<div id="titre3" style="width:300px" onclick="affichage(3)"><a href="#">Titre paragraphe 3</a></div>
<div id="paragraphe3" style="width:300px; display:none">
Ceci est le texte du paragraphe 3<br />...
</div>
</body>
</html>
jman
Messages postés
5
Date d'inscription
vendredi 13 juin 2008
Statut
Membre
Dernière intervention
12 septembre 2010
28 oct. 2008 à 09:41
28 oct. 2008 à 09:41
Merci pour ton aide, j'ai testé et ca marche.
JM
JM
briiiiix
Messages postés
575
Date d'inscription
vendredi 24 octobre 2008
Statut
Membre
Dernière intervention
1 juin 2010
18
28 oct. 2008 à 09:46
28 oct. 2008 à 09:46
Avec plaisir, merci de mettre cette discussion en résolu.
Bon travail
Bon travail