par nawnaw » 28 sept. 2010, 12:46
par nawnaw » 28 sept. 2010, 12:41
par Invité » 27 sept. 2010, 19:54
par stealth35 » 27 sept. 2010, 18:39
par nawnaw » 27 sept. 2010, 18:38
essayes sans l'ajax pays -> ville
par stealth35 » 27 sept. 2010, 17:44
par nawnaw » 27 sept. 2010, 17:40
par stealth35 » 27 sept. 2010, 17:09
par nawnaw » 27 sept. 2010, 12:49
<html> <head> <title>Page pays ville</title> <script type='text/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; } /** * Méthode qui sera appelée sur le click du bouton */ function go(){ var xhr = getXhr(); // On défini ce qu'on va faire quand on aura la réponse xhr.onreadystatechange = function(){ // On ne fait quelque chose que si on a tout reçu et que le serveur est ok if(xhr.readyState == 4 && xhr.status == 200){ leselect = xhr.responseText; // On se sert de innerHTML pour rajouter les options a la liste document.getElementById('ville').innerHTML = leselect; } } // Ici on va voir comment faire du post xhr.open("POST","ville.php",true); // ne pas oublier ça pour le post xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded'); // ne pas oublier de poster les arguments // ici, l'id du pays sel = document.getElementById('pays'); idpays = sel.options[sel.selectedIndex].value; xhr.send("idpays="+idpays); } </script> </head> <body> <form> <fieldset style="width: 400px"> <legend>Liste liées</legend> <label>Pays</label> <select name='pays' id='pays' onchange='go()'> <option value=''>Choisir un pays</option> <?php mysql_connect("localhost","root",""); mysql_select_db("base1"); $sql = "SELECT idpays, nompays FROM pays ORDER BY nompays"; $res = mysql_query($sql) or exit($sql . '<br />' . mysql_error()); while($row = mysql_fetch_assoc($res)){ echo '<option value="'.$row["idpays"].'">' . $row["nompays"] . '</option>'; } ?> </select> <label>Villes</label> <div id='ville' style='display:inline'> <select name='ville'> <option value=''>Choisir une ville</option> </select> </div> </fieldset> </form> </body> </html>
<?php if(isset($_POST["idpays"])){ mysql_connect("localhost","root",""); mysql_select_db("base1"); $sql = "SELECT idville, nomville FROM ville WHERE idpays='".$_POST["idpays"]."' ORDER BY nomville"; $res = mysql_query($sql) or exit($sql . '<br />' . mysql_error()); while($row = mysql_fetch_assoc($res)){ echo '<option value="'.$row["idville"].'">'.$row["nomville"].' </option>'; } } else { echo 'idpays non valide'; } ?>
par stealth35 » 27 sept. 2010, 00:56
par nawnaw » 27 sept. 2010, 00:53
par stealth35 » 26 sept. 2010, 04:24
excusez moi mais je jette l'éponge pour aujourd'hui j'ai beau tout essayé je n'arrive plus à reflechir(je me demande bien à quoi) merci à vous stealth
<html> <head> <title>Page pays ville</title> <script type='text/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; } /** * Méthode qui sera appelée sur le click du bouton */ function go(){ var xhr = getXhr(); // On défini ce qu'on va faire quand on aura la réponse xhr.onreadystatechange = function(){ // On ne fait quelque chose que si on a tout reçu et que le serveur est ok if(xhr.readyState == 4 && xhr.status == 200){ leselect = xhr.responseText; // On se sert de innerHTML pour rajouter les options a la liste document.getElementById('ville').innerHTML = leselect; } } // Ici on va voir comment faire du post xhr.open("POST","ville.php",true); // ne pas oublier ça pour le post xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded'); // ne pas oublier de poster les arguments // ici, l'id du pays sel = document.getElementById('pays'); idpays = sel.options[sel.selectedIndex].value; xhr.send("idpays="+idpays); } </script> </head> <body> <form> <fieldset style="width: 400px"> <legend>Liste liées</legend> <label>Pays</label> <select name='pays' id='pays' onchange='go()'> <option value=''>Choisir un pays</option> <?php mysql_connect("localhost","root",""); mysql_select_db("base1"); $sql = "SELECT id, nompays FROM pays ORDER BY nompays"; $res = mysql_query($sql) or exit($sql . '<br />' . mysql_error()); while($row = mysql_fetch_assoc($res)){ echo '<option value="'.$row["id"].'">' . $row["nompays"] . '</option>'; } ?> </select> <label>Villes</label> <div id='ville' style='display:inline'> <select name='ville'> <option value=''>Choisir une ville</option> </select> </div> </fieldset> </form> </body> </html>
if(isset($_POST["idpays"])){ mysql_connect("localhost","root",""); mysql_select_db("base1"); $sql = "SELECT id, nomville FROM ville WHERE idpays='".$_POST["idpays"]."' ORDER BY nomville"; $res = mysql_query($sql) or exit($sql . '<br />' . mysql_error()); while($row = mysql_fetch_assoc($res)){ echo '<option value="'.$row["id"].'">'.$row["nomville"].' </option>'; } } else { echo 'idpays non valide'; }
par nawnaw » 26 sept. 2010, 04:16
par stealth35 » 26 sept. 2010, 04:09
par nawnaw » 26 sept. 2010, 03:55
$res = mysql_query("SELECT nomville FROM ville WHERE nompays='".$_POST["nompays"]."' ORDER BY nomville");