Discussion :

[intissar33]

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.

[E.Bzz]

Bonjour,

que je dois faire??

Donner (beaucoup) plus de précisions

A+

[andry.aime]

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).

Comment tu as pu faire le premier alors

Code :

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

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

[intissar33]

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

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
 <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.

[andry.aime]

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

<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.

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

Aucun div avec l'id "countrydivcontainer" dans ton code pour afficher les pages.

[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.

[E.Bzz]

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

A+

[andry.aime]

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 :

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
<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>

[intissar33]

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

<li><a href="lien2.htm" rel="countrycontainer">Tab 2</a></li>
<li><a href="lien3.htm" rel="countrycontainer">Tab 3</a></li>

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

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
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.

[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.