Bonjour,
Je me trompe peut-être de "rubrique", mais mon problème relève de l'AJAX/PHP.
Je dispose d'une liste déroulante alimentée par ma table
Code php : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9 <div style="font-size:9px"> Choisissez votre thème :<select id="theme"> <?php $theme_list = mysql_query("SELECT * FROM theme ORDER BY Libelle ASC"); while($theme=mysql_fetch_array($theme_list)) { echo '<option value="'.$theme["ID"].'">'.$theme["Libelle"].'</option><br/>'; //Attention à ne pas oublier le . qui sert à concaténer ton expression }?> </select> </div>
J'utilise un script JQuery pour des raisons de performance et esthétique pour récupérer la variable choisie par l'utilisateur :
L'idée est de pouvoir injecter dans mon <div> ci dessous, le résultat de la requête, à partir de ma variable "ID" qui est récupérée par la liste déroulante.
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 <script type="text/javascript"> $(document).ready( function () { $('#theme').joliSelect( { 'width' : '200', 'bkdColor' : '#e0c1c1', 'bkdColorSelect' : '#e09188', 'arrowColor' : '#e09188', 'fontColor' : '#914f53', 'maxHeight' : '200', 'defaultText' : 'Choisir un thème', 'onChooseItem': function() { document.getElementById('theme_liste').style.visibility="visible"; alert(document.getElementById('theme').value); } }); }) </script>
Code php : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9 <div id="theme_liste"> <?php $ligne = mysql_query("SELECT * FROM bg ORDER BY ID DESC"); while($row = mysql_fetch_array($ligne)) { echo '<div class="scroll-content-item"><img src="files/'.$row["Img"].'" width="100%" onclick="go('.$row["ID"].');" ></div>'; } ?> </div>
J'ai pensé passer par la fonction suivante, mais je ne suis pas convaincu :
Je pense que je complique beaucoup les choses
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11 $.ajax({ url: "requetesqllogo.php", // Mon fichier contient la requête avec une récupération de la variable "ID" data: "ID="+ID, type:'GET', DataType:'html', ifModified:true, success: function(content) { $('#logo').html(content); document.getElementById('theme_liste').InnerHTML; } });
Merci.
Partager