texte ne s'affiche pas [Résolu]

S@mking · 18/04/2011, 10h40

bonjour j'ai un problème avec un code javascript je voudrais que quand je passes sur les menus en haut un texte s'affiche dans un div et que quand je cliques dessus un texte s'affiche dans l'autre div.Voila le code,merci de votre aide.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
<html>
<head>
<div id="en_tete">
   <img src="banniere.jpg" height="150px" width="800px" >
</div>
<SCRIPT LANGUAGE="JavaScript" SRC="jquery.js"></SCRIPT>
<script>
</script>
</head>
<body>
<html>
<head><title>FLOAT</title><link rel="stylesheet" media="screen" type="text/css" title="index" href="exo.css" /></head>
<body>
<ul id="menu_horizontal">
<li class="bouton_gauche" onMouseOver="menu1();"onclick="action1();"><a href="#">menu1</a></li>
<li class="bouton_gauche" onMouseOver="menu2();"onclick="action2();"><a href="#">menu2</a></li>
<li class="bouton_gauche" onMouseOver="menu3();"onclick="action3();"><a href="#">menu3</a></li>
<li class="bouton_gauche" onMouseOver="contact();"onclick="action4();"><a href="#">contact</a></li>
</ul>
<form>
<div id="renseignements">
<p> </p>
</div>
<div id="dynamique">
<p></p>
</div>
<script> 
function menu1(){
	var texte1="Le menu1 parle de tout et de rien si vous voulez y faire un tour c'est par ici...";
	$('div.renseignements').text(texte1);
 
				}
function menu2(){
	var texte2="Le menu2 parle de n'a rien pour l'instant mais revenez bientot";
	$('div.renseignements').text(texte2);
				}
function menu3(){
	var texte3="Le menu3 parle de technologies et de chiose dans ce genre là";
	$('div.renseignements').text(texte3);
				}
function contact(){
	var texte4="Le menu4 parle..............";
	$('div.renseignements').text(texte4);
				  }
function action1(){
	var dyn1="Le menu2 parle de rien pour l'instant mais revenez bientot";
	$('div.dynamique').text(dyn1);
				   }
function action2(){
	var dyn2="Le menu2 ne parle de rien pour l'instant mais revenez bientot";
	$('div.dynamique').text(dyn2);
				   }
function action3(){
	var dyn3="Le menu2 parle de rien pour l'instant mais revenez bientot";
	$('div.dynamique').text(dyn3);
				   }
function action4(){
	$('div.dynamique').html("<form id="formulaire" onsubmit="login();">)
 
");
</script>
</body>
</html>

Bovino · 18/04/2011, 10h45

Ton code est assez... comment dire... pas terrible

Tu mets une div dans le head, c'est pas très bien.

Sinon, pour ton problème, essaye de comprendre ce que va te retourner

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

$('div.renseignements')

(par exemple, c'est valable pour toutes les instructions similaires) et à quoi ça correspond dans ton code (indice : à rien

)

EDIT :

Citation:

Tu mets une div dans le head, c'est pas très bien.

Je parle du premier head bien sûr, celui qui est juste avant le deuxième <html>

S@mking · 18/04/2011, 11h08

désolé pour ces erreurs et merci pour l'aide.
Par contre je ne comprends pas j'ai bien une div avec un id:renseignements donc ça me retournera quelquechose...

Voila le code propre:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
<html>
<head>
<SCRIPT LANGUAGE="JavaScript" SRC="jquery.js"></SCRIPT>
<head><title>FLOAT</title><link rel="stylesheet" media="screen" type="text/css" title="index" href="exo.css" /></head>
</head>
<body>
<div id="en_tete">
   <img src="banniere.jpg" height="150px" width="800px" >
</div>
<ul id="menu_horizontal">
<li class="bouton_gauche" onMouseOver="menu1();"onclick="action1();"><a href="#">menu1</a></li>
<li class="bouton_gauche" onMouseOver="menu2();"onclick="action2();"><a href="#">menu2</a></li>
<li class="bouton_gauche" onMouseOver="menu3();"onclick="action3();"><a href="#">menu3</a></li>
<li class="bouton_gauche" onMouseOver="contact();"onclick="action4();"><a href="#">contact</a></li>
</ul>
<form>
<div id="renseignements">
<p> </p>
</div>
<div id="dynamique">
<p></p>
</div>
<script> 
function menu1(){
	var texte1="Le menu1 parle de tout et de rien si vous voulez y faire un tour c'est par ici...";
	$('div.renseignements').text(texte1);
 
				}
function menu2(){
	var texte2="Le menu2 parle de n'a rien pour l'instant mais revenez bientot";
	$('div.renseignements').text(texte2);
				}
function menu3(){
	var texte3="Le menu3 parle de technologies et de chiose dans ce genre là";
	$('div.renseignements').text(texte3);
				}
function contact(){
	var texte4="Le menu4 parle..............";
	$('div.renseignements').text(texte4);
				  }
function action1(){
	var dyn1="Le menu2 parle de rien pour l'instant mais revenez bientot";
	$('div.dynamique').text(dyn1);
				   }
function action2(){
	var dyn2="Le menu2 ne parle de rien pour l'instant mais revenez bientot";
	$('div.dynamique').text(dyn2);
				   }
function action3(){
	var dyn3="Le menu2 parle de rien pour l'instant mais revenez bientot";
	$('div.dynamique').text(dyn3);
				   }
function action4(){
	$('div.dynamique').html("<form id="formulaire" onsubmit="login();">)
 
");
</script>
</body>
</html>

Bovino · 18/04/2011, 11h13

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

$('div.renseignements')

renvoie toutes les balises div qui ont renseignements comme nom de classe !

Pour l'id, c'est

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

$('#renseignements')

PS : pense aussi à rectifier la fermeture de ta fonction action4(). Et jette aussi un oeil à la coloration syntaxique : tu as un problème avec les quotes !

S@mking · 18/04/2011, 11h22

Merci beaucoup désolé c'est vraiment une erreur bête...

18/04/2011, 11h13	#4
Bovino Responsable Développement Web Didier Mouronval Développeur Web Inscription : juin 2008 Messages : 13 806 Détails du profil Informations personnelles : Nom : Didier Mouronval Âge : 41 Localisation : France, Gironde (Aquitaine) Informations professionnelles : Activité : Développeur Web Secteur : High Tech - Éditeur de logiciels Informations forums : Inscription : juin 2008 Messages : 13 806 Points : 35 803 Points : 35 803	Code : Sélectionner tout - Visualiser dans une fenêtre à part $('div.renseignements') renvoie toutes les balises div qui ont renseignements comme nom de classe ! Pour l'id, c'est Code : Sélectionner tout - Visualiser dans une fenêtre à part $('#renseignements') PS : pense aussi à rectifier la fermeture de ta fonction action4(). Et jette aussi un oeil à la coloration syntaxique : tu as un problème avec les quotes ! __________________ Pas de question technique par MP ! Tout le monde peut participer à developpez.com, vous avez une idée, contactez-moi ! Vous possédez un blog et aimeriez diffuser vos billets sur le forum, contactez-moi ! Mes formations video2brain : La formation complète sur JavaScript • JavaScript et le DOM par la pratique • PHP 5 et MySQL : les fondamentaux Mon livre sur jQuery
	10

18/04/2011, 11h22	#5
S@mking Membre éprouvé Étudiant Inscription : juillet 2008 Messages : 379 Détails du profil Informations personnelles : Sexe : Âge : 18 Localisation : France, Paris (Île de France) Informations professionnelles : Activité : Étudiant Informations forums : Inscription : juillet 2008 Messages : 379 Points : 449 Points : 449	Merci beaucoup désolé c'est vraiment une erreur bête...
	00

Outils de la discussion
Afficher une version imprimable Envoyer un lien vers cette page par email