texte ne s'affiche pas

**s4mk1ng** · 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 :

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>

**s4mk1ng** · 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 !

**s4mk1ng** · 18/04/2011, 11h22

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

texte ne s'affiche pas

JavaScript

Vue hybride

Discussions similaires

Partager

Partager