Discussion :

[Jimmy72_]

Bonjour,

J'ai une liste déroulante dans laquelle différentes disciplines sont inscrites.
Pour chaque discipline, J'ai différents grades dans un tableau. Ceci se passe en AJAX.

Mon problème se situe ici. J'ai 7 grades par pages maximum. Lorsque j'en ai plus de 7, je passe à la page suivante et j'aimerais enfaite savoir si lorsque je change de pages je peux tout simplement faire un rafraichissement de mon AJAX pour avoir les 7 grades suivants.

Voici mon code:

gestionGrade.php:

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
83
84
85
86
87
88
89
90
91
92
93
94
95
 
<?php include "header.php"; ?> 
 
<div id="menuHaut">  
  <div id='MH1'>    
    <a href='formGrade.php'>Ajout d'un grade</a>  
  </div>
</div>  
 
<?php
  
  echo "<h1>Liste des grades</h1>";    
  include 'menuGauche.php'; 
?>  
<form action="gestionGradeModif.php" method="POST" name="gestGrade">  
  <input type="hidden" name="disOuGrade" value="grade">    
  <p style="position:relative;left:400px;"> Choix de la discipline :	   
    <select id="id_discipline_2" name="id_discipline_2" onChange="changeGrade();">    
      <option value="">
      </option>
<?php    
      $reqDis1="SELECT * FROM disciplines";
      $dis1=mysql_query($reqDis1) or die( mysql_error() );
      while($datadis = mysql_fetch_array($dis1))
      { 
        echo"<option name='$datadis[discipline]' value='$datadis[id_discipline]'>$datadis[discipline]</option>";
        
//         if($_POST['idDiscipline']==$datadis["id_discipline"])
//             echo"<option selected name='$datadis[discipline]' value='$datadis[id_discipline]'>$datadis[discipline]</option>";
//            else
//             echo"<option name='$datadis[discipline]' value='$datadis[id_discipline]'>$datadis[discipline]</option>"; 
      }
      
          ?>  
    </select> 
  </p>
<div id='tablegrade'> 
  <table name='tablegrade' id='tablegrade' border='1'>
      <!-- Si la page est différente de 1 et que l'idDiscipline non-nul alors on affiche la page 2 -->
 
    </table><br /><br />
</div>
 
  <input type="submit" value="Supprimer" style="position:absolute;left:500px; top:420px;">
  </input>     
 
   </form> 
<?php include ("footer.php"); ?>
 
 
<script language="Javascript">
  function getXhr(){
  var xhr = null; 
 
  if(window.XMLHttpRequest){ // Firefox et autres
	   xhr = new XMLHttpRequest();
  } 
	else if(window.ActiveXObject){ // Internet Explorer 
		try {
		  xhr = new ActiveXObject("Msxml2.XMLHTTP");
		} catch (e) {
		  xhr = new ActiveXObject("Microsoft.XMLHTTP");
		  }
	}
	else { // XMLHttpRequest non supporté par le navigateur 
		alert("Votre navigateur ne supporte pas les objets XMLHTTPRequest..."); 
		xhr = false; 
	} 
  return xhr;
}
 
function changeGrade()
{
    var xhr = getXhr();
		xhr.onreadystatechange = function(){
 
      if(xhr.readyState == 4 && xhr.status == 200)   
      {       
          var leselect = xhr.responseText;
					document.getElementById('tablegrade').innerHTML = leselect;
			}	
		}
		xhr.open("POST","gestionGradeModif.php",true);
		xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
		sel = document.getElementById('id_discipline_2');
		iddisciplineModif = sel.options[sel.selectedIndex].value;		
		xhr.send("idDiscipline="+iddisciplineModif);
}
 
function rafraichirTableau()
{
 
} 
 
</script>

gestionGradeModif.php:

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
 
<?php
 
 echo '<table name="tablegrade" border="1">
        <tr>
          <th>Grade</th>
          <th>Supprimer</th>
        </tr>
    ';
    if(isset($_POST["idDiscipline"])){
      $db="samourai_gestion";
      $connect = mysql_connect("localhost","admin","LSfnTlm08") or die ('Erreur : '.mysql_error());; 
      mysql_select_db($db) or die ('Erreur :'.mysql_error()); 
 
 
    $gradeParPages = 7;  
 
    $select = "SELECT count(*) FROM grades WHERE idDiscipline='".$_POST['idDiscipline']."'";
    $result = mysql_query($select) or die (mysql_error() );
    $row = mysql_fetch_array($result);
    $total = $row[0];
 
     	//Nous allons maintenant compter le nombre de pages.
  		$nombreDePages=ceil($total/$gradeParPages);
 
 
  		if(isset($_GET['page'])) // Si la variable $_GET['page'] existe...
  		{
  			$pageActuelle = intval($_GET['page']);
 
 
  			if($pageActuelle>$nombreDePages) // Si la valeur de $pageActuelle (le numéro de la page) est plus grande que $nombreDePages...
  			{
  				$pageActuelle=$nombreDePages;
  			}
  		}
  		else // Sinon
  		{
  			$pageActuelle=1; /* La page actuelle est la n°1*/    
  		}
      $premiereEntree =($pageActuelle-1)* $gradeParPages;
 
 
      $requete = "SELECT * FROM grades WHERE idDiscipline ='".$_POST['idDiscipline']."' ORDER BY nom_grade ASC LIMIT ".$premiereEntree.",".$gradeParPages."";
      $resultat =  mysql_query($requete);
      while ($data = mysql_fetch_assoc($resultat))
    {
      echo '<tr>
                <td>'.$data['nom_grade'].'</td>
                <td><input type="checkbox" name="del_grade[]" value="'.$data["id_grade"].'" id="Del_discipline'.$data["id_grade"].'" ></td>
            </tr> ';   
    }
  }  
 echo '</table>';
 
  echo'<div id="divPaginationDiscipline">';
 
   for($i=1;$i<=$nombreDePages;$i++)
		{		  
			if($i!=$pageActuelle)
			{
			   //echo "<a href='gestionGrade.php?page=".$i."&idDiscipline=".$_POST['idDiscipline']."'>".$i."</a>&nbsp;";       
			  echo "<span onClick='rafraichirTableau();'>".$i."</span> ";
      }
			else
			{
			   echo $i."&nbsp;";       
			}
		}
		echo"</div>";
  ?>

Merci d'avance pour votre aide. Je vais continuer à cherché des solutions de mon coté.

[bewidia]

Je ne sais pas comment tu gères ta pagination dans la vue, mais à priori un clic sur un bouton "page suivante" qui refait un appel ajax en précisant l'offset de recherche devrait faire l'affaire.

[Jimmy72_]

C'est à dire? Je ne vois pas trop comment faire :/

J'ai tout simplement récupérer le num de la page que j'ai sélectionné et renvoyer vers cette page ^^