IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

JavaScript Discussion :

[AJAX] onchange + reload


Sujet :

JavaScript

  1. #1
    Membre confirmé
    Inscrit en
    Avril 2007
    Messages
    47
    Détails du profil
    Informations forums :
    Inscription : Avril 2007
    Messages : 47
    Par défaut [AJAX] onchange + reload
    Bonjour,

    voici 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
     
    <?
    // include connexion bdd...
     
    if(isset($_POST['submit'])) { 
     
    	$query="SELECT code FROM sref WHERE couleur = '".$_POST["couleur"]."'";
    	$code = mysql_result(mysql_query($query),0);
    ?>
    <head>
     
    <script language="JavaScript" type="text/JavaScript">
    <!--
    function choix_couleur() {
      var valeur_select = document.getElementById('couleur').options[document.getElementById('couleur').selectedIndex].value;
    }
    //-->
    </script>
     
    </head>
     
    <html>
    <body>
      <form name="form" method="post" action="script.php">
        <table width="170" border="0" cellspacing="0" cellpadding="0">
        <tr>
          <td>
           <select onChange="choix_couleur()" name="couleur" id="couleur">
           <option value="C01">Blanc</option>
           <option value="C02">Bleu</option>
           <option value="C03">Rouge</option>
    	</select>
          </td>
        </tr>
        <input type="submit" value="Submit" name="submit"> 
        <input type="hidden" name="code" value="<?=$code?>" />	
        </table>		
      </form>
    </body>
    </html>
    Sans utiliser le submit du formulaire, est-il possible de récupérer via le javascript la valeur de la couleur et lancer un rechargement de la page pour éxécuter la requête mysql après chaque onchange ?

    On m'a conseillé à juste titre d'étudier cette faq: http://gael-donat.developpez.com/web/intro-ajax/

    J'aurai besoin de votre aider & conseils pour avoir d'autres exemples svp.

    Merci

    Altecad

  2. #2
    Membre actif
    Profil pro
    Inscrit en
    Juin 2006
    Messages
    97
    Détails du profil
    Informations personnelles :
    Localisation : France, Paris (Île de France)

    Informations forums :
    Inscription : Juin 2006
    Messages : 97
    Par défaut
    Bonjour,

    Il est possible de pratiquer un équivalent submit par ajax mais si c'est pour appeler la même page (qui contient la requète sql), il risque d'y avoir quelques perturbations...

    Je travaille personnellement avec la librairie prototype.js. Elle contient de multiples fonctions de traitement de formulaire. Cherche de ce côté : http://dcabasson.developpez.com/arti...vec-prototype/

    Au plaisir

  3. #3
    Membre confirmé
    Inscrit en
    Avril 2007
    Messages
    47
    Détails du profil
    Informations forums :
    Inscription : Avril 2007
    Messages : 47
    Par défaut
    Merci pour ce conseil.

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. [AJAX] onChange pas assez fonctionnel
    Par baggie dans le forum Général JavaScript
    Réponses: 32
    Dernier message: 20/05/2008, 10h59
  2. [AJAX] Afficher le résultat d'une requête après un onChange
    Par baggie dans le forum Général JavaScript
    Réponses: 18
    Dernier message: 15/05/2008, 13h56
  3. Valeur courante onchange CGI::Ajax
    Par Lily_ dans le forum Général JavaScript
    Réponses: 5
    Dernier message: 08/09/2007, 22h26
  4. [AJAX] location.reload() en ajax avec IE7
    Par kakahn dans le forum Général JavaScript
    Réponses: 5
    Dernier message: 21/05/2007, 10h29
  5. reload de page sur onchange
    Par logone dans le forum Général JavaScript
    Réponses: 7
    Dernier message: 23/07/2006, 12h47

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo