Discussion :

[kaela]

Bonjour à tous !

j'ai créer des onglets avec Jquery, seulement, le contenu de mon onglet2 apparait dans l'onglet1 et disparait de l'onglet2

en gros ça fait:

onglet1= content onglet1 + content onglet 2
onglet 2=vide
onglet3 = content onglet 3
onglet 4= content onglet 4

J'ai écris ce code :

Code :

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

1
2
3
$(function() {
    $('#onglets').tabs();
  });

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
27
28
 
<div id="onglets"> // div des onglets 
	<ul>
	    <li><a href="#onglet-1">Fiche d'expositions</a></li> //Onglet1
	    <li><a href="#onglet-2">Expositions Accidentelles</a></li>//Onglet2	
	    <li><a href="#onglet-3">Panneau d\'administration </a></li> //Onglet3
	    <li><a href="#onglet-4">Calcul de la FDE d\'un employé</a></li>//Onglet 4
	</ul>
 
 
	<div id="onglet-1">	
             <!--content onglet1-->
        </div>
 
	<div id="onglet-2">
            <!--content onglet2 -->
	</div>
 
        <div id="onglet-3">
	   <!--content onglet-3 -->
	</div>
 
	 <div id="onglet-4">	
		<!--content onglet-4-->
         </div>
 
 
</div>

j'ai bien divisé mes div pour chaque onglet du menu pourtant non? Je ne vois pas mon erreur...

Merci de votre aide !

[Bovino]

Merci de lire et d'appliquer Important : Les règles incontournables d'utilisation de ce forum : le code PHP ne nous intéresse pas pour JavaScript.

Ceci dit, ton code semble assez peu orthodoxe...

Code html :

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

<li><a href="#form_accident.php">Expositions Accidentelles</a></li>

C'est un id ou un nom de fichier ton lien ???

[kaela]

C'est bien un id, je viens d'ailleurs de corriger cette erreur... mes liens sont maintenant nommés Onglet-1, Onglet-2, Onglet-3, Onglet-4.

Mais ça ne change rien au problème malheureusement ^^


la structure de mon code est exactement celui de : http://jqueryui.com/tabs/ non?enfin je ne vois pas la différence...

Ne serait-ce pas un problème lié au fait que j'ai du php dans l'onglet 1?

Parce que j'ai tester le même système avec aucun php dedans et ça marche parfaitement... je ne comprends pas pourquoi..

[NoSmoking]

Bonjour,

Parce que j'ai tester le même système avec aucun php dedans et ça marche parfaitement... je ne comprends pas pourquoi..

dans ce cas regarde le code HTML généré par le PHP l'erreur ce cache peut être dedans !