Div ne se masque pas

**mephiston** · 17/11/2009, 15h54

Bon voila je débute en Javascript aucune honte à le dire, ci-dessou vous retrouverez mon code qui malheuresement ne fonctionne pas donc si quelqu'un a une piste à me donner ce serait cool.

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
 
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
   <head>
       <title>Menu</title>
       <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
       <link rel="stylesheet" media="screen" type="text/css" title="Design" href="Index.css" />
	   <script type="text/javascript" src="jquery-1.3.2.js"/></script>
<script type="text/javascript">
$(document).ready(function(){
 
 
$('.menu1).click(function(){
$('#laDivDeMonForm').hide();
$('#laDivDeMonAccueil').show();
});
$('.menu2).click(function(){
$('#laDivDeMonForm').show();
$('#laDivDeMonAccueil').hide();
});
 
});
</script>
   </head>
   <body>
 
<div id="Menu" >
 
<a href="" class="menu1" id="clic1" >test1<a>
<a href="" class="menu2" id="clic2" >test2<a>
 </div>
 
  <div id="Pages" >
 <div id="laDivDeMonAccueil">Wesh bienvenu t'as vu ici ton mon webcyte de ouf !</div>
<div id="laDivDeMonForm" style="display:none;">le contenu de ton formulaire ICI</div>
 </div>
 
</html>

Cordialement
Mephiston

**E.Bzz** · 17/11/2009, 16h04

Bonjour,
si tu décrivais le problème, ça aiderait un peu

A+

**mephiston** · 17/11/2009, 16h24

Le problème est que l'orsque je clic sur un de mes liens il ne se passe rien alors qu'il devrai cacher un div et rendre l'autre visible.
J'espère que c'est compréhensible.

**E.Bzz** · 17/11/2009, 16h28

C'est peut être juste que ta page se recharge au même moment (href="") ...
Essaye de terminer ces fonctions click par un "return false;" pour inhiber le href.

A+

**E.Bzz** · 17/11/2009, 16h29

... et un </body> serait bien pour l'équilibre de ta page

A+

**mephiston** · 17/11/2009, 16h30

Merci c'est parfait.

**mephiston** · 17/11/2009, 16h50

Au final j'ai de nouveau un petit problème, avec mon nouveau code je n'ai pas la possibilité de cliquer sur ma div.

Je souhaite remplacer :

Code :

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

1
2
3
4
5
<div id="Menu" >
 
<a href="" class="menu1" id="clic1" >test1<a>
<a href="" class="menu2" id="clic2" >test2<a>
 </div>

Par :

Code :

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

1
2
3
4
5
<div id="Menu" >
 
<div id="imageAccueil" onclick="" class="menu1" ></div>
<div id="imageFormulaire" onclick="" class="menu2" ></div>
 </div>

Avec le CSS suivant :

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
#imageFormulaire
{
width: 75px;
height: 63px;
background: url(Images/AvantFormulaire.png);
position: relative; 
float: left; 
 
}
#imageFormulaire:hover
{
width: 75px;
height: 63px;
background: url(Images/ApresFormulaire.png);
position: relative; 
float: left; 
}
#imageAccueil
{
width: 64px;
height: 63px;
background: url(Images/AvantIndex.png);
position: relative; 
float: left; 
}
#imageAccueil:hover
{
width: 64px;
height: 63px;
background: url(Images/ApresIndex.png);
position: relative; 
float: left; 
}

**E.Bzz** · 17/11/2009, 16h52

Je vois pas le problème : tu n'as qu'à remplacer les identifiants dans la fonction d'attribution des fonctions click() ...
(et du coup, plus besoin du "return false;"

)

A+

**mephiston** · 17/11/2009, 16h55

Et comment faire pour que si la page est réinitialisée elle concerve les pages caché caché et les pages non caché non caché?

**E.Bzz** · 17/11/2009, 17h01

Côté client, quand tu recharges, tu reviens à l'état initial ...

Essaye de passer par des variables serveurs (variables session).

A+

**mephiston** · 17/11/2009, 17h09

J'avou n'avoir aucune idée de comment faire ce que tu me dis.

**danielhagnoul** · 17/11/2009, 23h55

Bonsoir.
Attention, il manque des guillemets : ' !

Code :

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

1
2
3
4
5
6
7
8
9
10
$('.menu1').click(function(){
	$('#laDivDeMonForm').hide();
	$('#laDivDeMonAccueil').show();
});

$('.menu2').click(function(){
	$('#laDivDeMonForm').show();
	$('#laDivDeMonAccueil').hide();
});

Div ne se masque pas

jQuery

Discussions similaires

Partager

Partager