[AJAX] les onglets dans ajax.

Version imprimable

27/08/2009, 11h17
intissar33

[AJAX] les onglets dans ajax.

bonjour,
je viens de créer une page qui contient des onglets créer avec ajax.mais je gère seulement la première onglet mais les autre non.(j connais rien dans ajax).que je dois faire??
merci de me repondre.
27/08/2009, 11h33
E.Bzz

Bonjour,

Citation:

Envoyé par intissar33

que je dois faire??

Donner (beaucoup) plus de précisions :mouarf:

A+
27/08/2009, 12h40
andry.aime

Bonjour,

Citation:

je viens de créer une page qui contient des onglets créer avec ajax.mais je gère seulement la première onglet mais les autre non

Citation:

(j connais rien dans ajax).

Comment tu as pu faire le premier alors :koi:

Code:

que je dois faire??

Lire d'abord les tutoriels :http://ajax.developpez.com/cours/
En cas de problème, la FAQ;
Pas encore résolue => le forum

salut,
pour vous me comprenez de plus voici ma code.

Code:

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
 <td id="bodyactualite" >
								<table><tr> <td ><div  >
	<ul id="countrytabs" class="shadetabs">
<li><a href="#" rel="#default" class="selected">Présentation</a></li>
<li><a href="#" rel="countrycontainer" >Galerie</a></li>
<li><a href="" rel="countrycontainer">Tarifs</a></li>
<li><a href="" rel="#iframe">Contact</a></li>
</ul></div></td><script type="text/javascript">
 
var countries=new ddajaxtabs("countrytabs", "countrydivcontainer")
countries.setpersist(true)
countries.setselectedClassTarget("link") //"link" or "linkparent"
countries.init()
 
</script>
 
                              </tr>
							  <tr >
							  <td>                                     
 
	<?php           
        
                include("connection.php");
                
                $param=$_GET['noms'];
                
                                $rq = mysql_query("SELECT * FROM sortir where  type='2' and nom='".$param."'   ");
                                 while($result = mysql_fetch_array($rq)){
                                
?>
                                                  <?php	
 
echo "
		<div id='r1'   style='border-top:2px solid gray;margin-left:13px; margin-right: 13px;'>
      <table width='468' border='0'>
 
	  <tr>
	       <td colspan='2'><div  align='center' style='margin:15px 0px 0px 0px; font-size:13px; font-weight:bold'>".$result['nom']."</div></td>
    </tr>
       <tr> 
                	<td>
	<div style='margin:12px 0px 0px 10px;'>";				
	  if($result['photo'] !=' '){
				echo"<div class='photo'><img src='photos/".$result['photo']."' title='".$result['photo'].":' alt='".$result['nom'].": ' border='0'></div>";
				}else{	echo"";	}
				echo "</div></td>  <td><div align='justify' style='margin: 15px 10px 0px 20px;'>";			
						if($result['descriptif']!=""){
				echo"".$result['descriptif']."";
				}
				echo "</div></td></tr>
              </div>   
    </tr>     
   <form name='form1' method='post' action='test.php' enctype='multipart/form-data'>
	  <input type='hidden' name='noms' value='$result[1]'></form>
</table></div>";}
 
?></td></tr>	</table></td>

j espere que vous m aider.

27/08/2009, 15h12
andry.aime

Donnes nous le codes HTML généré mais pas le code PHP, c'est plus lisible pour chercher un erreur JS.

Citation:

<li><a href="#" rel="#default" class="selected">Présentation</a></li>
<li><a href="#" rel="countrycontainer" >Galerie</a></li>
<li><a href="" rel="countrycontainer">Tarifs</a></li>
<li><a href="" rel="#iframe">Contact</a></li>

Je pense que href doit avoir l'adresse de la page à afficher dans le div.

Citation:

var countries=new ddajaxtabs("countrytabs", "countrydivcontainer")

Aucun div avec l'id "countrydivcontainer" dans ton code pour afficher les pages.
28/08/2009, 12h39
intissar33

bonjour,
mon problème est dans href;le code que j a'i dirige l utilisateur à une autre page mais moi je veux rester dans la même page on appelons les div situées au sein de ma page, et le contenu change selon l onglet selectionné par l utilisateur.j'espere que c 'est clair mnt mon probleme.
28/08/2009, 12h43
E.Bzz

Bonjour,
utilise "target" au lieu de "rel" ...

A+

Tu n'as pas oublié d'inclure les fichiers nécessaires dans le head?
Tu dois avoir le div countrydivcontainer pour afficher les onglets.

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
<head>
<link rel="stylesheet" type="text/css" href="ajaxtabs.css" />
<script type="text/javascript" src="ajaxtabs.js">
</head>
<body>
<ul id="countrytabs" class="shadetabs">
<li><a href="lien1.html" rel="#default" class="selected">Présentation</a></li>
<li><a href="lien2.html" rel="countrycontainer" >Galerie</a></li>
<li><a href="lien3.html" rel="countrycontainer">Tarifs</a></li>
<li><a href="lien4.html" rel="#iframe">Contact</a></li>
</ul>
<div id="countrydivcontainer" style="border:1px solid gray; width:450px; margin-bottom: 1em; padding: 10px">
Contenue par défaut
</div>
<script type="text/javascript">
var countries=new ddajaxtabs("countrytabs", "countrydivcontainer")
countries.setpersist(true)
countries.setselectedClassTarget("link")
countries.init()
</script>

salut,
j ai le mme code que tu m envoi.mais je veux pas appeler des autres pages

Citation:

je veux rester dans la meme page.comme j ai fais dans mon code

Code:

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
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
 <td id="bodyactualite" >
								<table><tr> <td ><div  >
	<ul id="countrytabs" class="shadetabs">
<li><a href="#" rel="#default" class="selected">Présentation</a></li>
<li><a href="" rel="countrycontainer" >Galerie</a></li>
<li ><a href="" rel="countrycontainer">Tarifs</a></li>
<li ><a href="#tab1" rel="countrycontainer">Contact</a></li>
</ul></div></td>
                              </tr>
							  <tr >
							  <td>                                   
 
	<?php           
        
                include("connection.php");
                
                $param=$_GET['noms'];
                
                                $rq = mysql_query("SELECT * FROM sortir where  type='2' and nom='".$param."'   ");
                                 while($result = mysql_fetch_array($rq)){
                                
?>
                                                  <?php	
 
echo "
		<div id='r1' style='border-top:2px solid gray;margin-left:13px; margin-right: 13px; width:450px; '>
      <table width='468' border='0'>
 
	  <tr>
	       <td colspan='2'><div  align='center' style='margin:15px 0px 0px 0px; font-size:13px; font-weight:bold'>".$result['nom']."</div></td>
    </tr>
       <tr> 
                	<td>
	<div style='margin:12px 0px 0px 10px;'>";				
	  if($result['photo'] !=' '){
				echo"<div class='Image'><img src='photos/".$result['photo']."' title='".$result['photo'].":' alt='".$result['nom'].": ' border='0'></div>";
				}else{	echo"";	}
				echo "</div></td>  <td><div align='justify' style='margin: 15px 10px 0px 20px;'>";			
						if($result['descriptif']!=""){
				echo"".$result['descriptif']."";
				}
				echo "</div></td></tr>
 
    </tr>     
   <form  method='post' action='test.php'>
	  <input type='hidden' name='noms' value='$result[1]'></form>
</table></div></div>
<div id='tab1'>
<div id='r1'   style='border-top:2px solid gray;margin-left:13px; margin-right: 13px;' >
<form  name='form1' method='post' action='test.php'  >
<table border='0' align='center'>
<tr><td><h3>Nom</h3></td>
    <td>*<input type='text'  name='txtnom'  onBlur='verif()'></td></tr>
 
 <tr><td><h3>Prénom </h3></td> 
 <td> &nbsp; <input type='text' name='prenom'></td>
  <tr><td> <h3>Email </h3></td>
   <td>*<input type='text' name='txtemail' onChange='verif()' ></td></tr>
     <tr><td> <h3>Téléphone  </h3></td>
   <td>&nbsp; <input type='text' name='tel'></td></tr>
     <tr><td> <h3>Fax  </h3></td>
   <td>&nbsp; <input type='text' name='fax'></td></tr>
   <tr><td><h3>Message       &nbsp; *</h3></td>
    <td>&nbsp; <textarea rows='10' cols='40' name='txtmessage' id='message'  onChange='verif()'></textarea></td></tr>
		<p></p><tr align=center><td colspan=2>
	<input type='submit' style='width:100px;height:35px' name='envoi' value='Envoyer' class='inputBouton'></td></tr>
	</table>
</form>
</div></div>
 
 
";}
 
?><script type="text/javascript">
 
var countries=new ddajaxtabs("countrytabs", "r1")
countries.setpersist(true)
countries.setselectedClassTarget("link") //"link" or "linkparent"
countries.init()
 
</script>
</td>

(le code php est le contenu des div.ma page est test.php)
mais ca marche toujours pas.

29/08/2009, 16h39
andry.aime

Que veux-tu que ton div affiche?
Ce sont les liens dans le href qui doivent s'afficher dans ton div. Si tu mets # alors rien ne change.