Discussion :

[Zolenas]

Bonjour,

j'ai un petit problème dans mon jQuery, quand je clique sur mon onglet de navigation, la page se décale bien, mais le display : none ne s'applique pas, je vous envoi mon code en vous remerciant d'avance pour votre aide :

Code html :

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
 
 <nav id="mainNav">
               <span id="link0" class="nav"> 1 </span>
               <span id="link1" class="nav"> 2 </span>
               <span id="link2" class="nav"> 3 </span>
               <span id="link3" class="nav"> 4 </span>
  </nav>
 
 
   <div id="content">
                <section id="page0">
                    <?php include('pages/N1.php') ?>
                </section>  
                <section id="page1">
                    <?php include('pages/N2.php') ?>
                </section>              
                <section id="page2">
                    <?php include('pages/N3.php') ?>
                </section>                 
                <section id="page3">
                    <?php include('pages/N4.php') ?>
                </section> 
    </div>
 
</body>
</html>

Code jQuery :

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
 
<script>
var pageActiv = 0;
 
<?php
 
for($i=0 ; $i<=3 ; $i++){ ?>
	$("#link<?php echo $i; ?>" ).click(function(){
		if (pageActiv != <?php echo $i; ?>){ 
			$("#content").animate({"margin-left":"200px","opacity":"0"},400,function(){	
					$("#page"+pageActiv).css({"display":"none"});
					$("#page<?php echo $i ?>").css({"display":"block"});
					$("#content").animate({"margin-left":"-450px","opacity":"1"},500);
			}); pageActiv = <?php echo $i; ?>
		} 
	});
<?php } ?>
</script>

[NoSmoking]

Bonjour,
je pense qu'il faut que tu relises Les règles incontournables d'utilisation de ce forum [Infos] , et notamment le passage sur le code à fournir.

Dans l'attente...

[Zolenas]

Bien, je pense que c'est bon.. Une réponse à mon problème ?

[SpaceFrog]

Non ce n'est pas bon, tu as zappé la partie concernant le fait de ne pas mettre de langage serveur ...

Suite à ce rappel, je voudrais porter à votre attention que ce forum ne doivent contenir que le code affiché par le navigateur. En effet, les codes PHP ou tout autre langage dynamique ne servent qu'à générer le corps de votre page et donc votre problème ne pourra être résolu qu'en étudiant le code interprété par le navigateur. De ce fait, avant de poser votre question merci d'épurer votre code de tout langage serveur.