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

AJAX Discussion :

[AJAX] onkeyup et sendData


Sujet :

AJAX

  1. #1
    Rédacteur
    Avatar de pi-2r
    Homme Profil pro
    Développeur Java
    Inscrit en
    Juin 2006
    Messages
    1 487
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Paris (Île de France)

    Informations professionnelles :
    Activité : Développeur Java

    Informations forums :
    Inscription : Juin 2006
    Messages : 1 487
    Par défaut [AJAX] onkeyup et sendData
    Bonjour,

    je me heurte au problème suivant: avec un onkeyup, je souhaite envoyer une donnée dans un formulaire pour la traiter, mais ça ne marche pas comme je le souhaite, car la variable que j’envoie, je n'arrive pas à l'afficher....
    Mon code et le suivant:

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    <div class="saisie">
    				<input type="text" name="rch" size="50" value="" onKeyUp="javascript:document.getElementById('loader').style.display = 'block';
                                        this.value=formaterTexte(this.value);
                                        sendData('offset=0&nbre='+document.form1.nbre.value+'&rch='+escape(this.value)+'&mode=simple',
                                        'resultat.php',
                                        'resultat');"/>
    			</div>
    	<span id="resultat">
     
    			<div id="loader" style="display:none" align="center">
    				<img src="img/ajax_loader.gif"/><BR>
    				<font size="1"><i>Recherche en cours ...</i></font>
    			</div>
            </span>
    resultat.php est le suivant:
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    <?php
    /**
     * RECUPERATION DU MODE DE RECHERCHE AVANCE OU SIMPLE
     */
    if(isset($_POST["mode"]))
    {
        if ($_POST["mode"] == 'simple')
            echo $rch = $_POST["rch"];
     
    }
    ?>
    si quelqu'un voit la solution, je suis preneur
    Merci d'avance.
    Les pièges de l'Internet
    Helix, réponse à une intrusion


    "La plus grande gloire n'est pas de ne jamais tomber, mais de se relever à chaque chute." Confucius
    "Si j'ai vu plus loin, c'est en me tenant sur les épaules de géants." Isaac Newton

  2. #2
    Expert éminent

    Avatar de vermine
    Profil pro
    Inscrit en
    Mars 2008
    Messages
    6 582
    Détails du profil
    Informations personnelles :
    Âge : 40
    Localisation : Belgique

    Informations forums :
    Inscription : Mars 2008
    Messages : 6 582
    Par défaut
    Bonjour,

    Tu es sûre que c'est du POST et pas du GET ? A quoi ressemble sendData ?

  3. #3
    Rédacteur/Modérateur

    Avatar de SpaceFrog
    Homme Profil pro
    Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Inscrit en
    Mars 2002
    Messages
    39 658
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 75
    Localisation : Royaume-Uni

    Informations professionnelles :
    Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Secteur : Industrie

    Informations forums :
    Inscription : Mars 2002
    Messages : 39 658
    Billets dans le blog
    1
    Par défaut
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    onKeyUp="javascript:document.getElementById('loader'
    Laisse tomber le camelCase ...
    onkeyup

    ensuite un evenement ne s'attend pas a recevoir une recette de crèpes suzette, il attend du javascript docn pas besoin de javascriot:
    =>
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    onkeyup="document.getElementById('loader') ...
    Ensuite sans voir ta fonction d'envoi de data ça va pas être facile
    Ma page Developpez - Mon Blog Developpez
    Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts)
    Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir...
    Votre post est résolu ? Alors n'oubliez pas le Tag

    Venez sur le Chat de Développez !

  4. #4
    Rédacteur
    Avatar de pi-2r
    Homme Profil pro
    Développeur Java
    Inscrit en
    Juin 2006
    Messages
    1 487
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Paris (Île de France)

    Informations professionnelles :
    Activité : Développeur Java

    Informations forums :
    Inscription : Juin 2006
    Messages : 1 487
    Par défaut

    je ne savais qu'il fallait créer une fonction senddata.... je vais voir ça avec mon collègue ....
    Les pièges de l'Internet
    Helix, réponse à une intrusion


    "La plus grande gloire n'est pas de ne jamais tomber, mais de se relever à chaque chute." Confucius
    "Si j'ai vu plus loin, c'est en me tenant sur les épaules de géants." Isaac Newton

  5. #5
    Rédacteur
    Avatar de pi-2r
    Homme Profil pro
    Développeur Java
    Inscrit en
    Juin 2006
    Messages
    1 487
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Paris (Île de France)

    Informations professionnelles :
    Activité : Développeur Java

    Informations forums :
    Inscription : Juin 2006
    Messages : 1 487
    Par défaut
    il m'a passer un sendata basique, mais je ne renvoi toujours rien ...

    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
    function sendData(param, page,cible)
    {
    if(document.all)
    {
    var XhrObj = new ActiveXObject("Microsoft.XMLHTTP") ;
    }
    else
    {
    var XhrObj = new XMLHttpRequest();
    }
     
    var content = document.getElementById(cible);
     
    XhrObj.open("POST", page);
    XhrObj.onreadystatechange = function()
    {
    if (XhrObj.readyState == 4 && XhrObj.status == 200)
    content.innerHTML = XhrObj.responseText ;
    }
     
    XhrObj.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
    XhrObj.send(param);
    }
    dans mon input, jai aussi enlevé "this.value=formaterTexte(this.value);", car ça ne me sert à rien :p
    Les pièges de l'Internet
    Helix, réponse à une intrusion


    "La plus grande gloire n'est pas de ne jamais tomber, mais de se relever à chaque chute." Confucius
    "Si j'ai vu plus loin, c'est en me tenant sur les épaules de géants." Isaac Newton

  6. #6
    Rédacteur
    Avatar de pi-2r
    Homme Profil pro
    Développeur Java
    Inscrit en
    Juin 2006
    Messages
    1 487
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Paris (Île de France)

    Informations professionnelles :
    Activité : Développeur Java

    Informations forums :
    Inscription : Juin 2006
    Messages : 1 487
    Par défaut
    j'ai réussi à afficher les touches que j'ai tapé, mais cela ne m'affiche que les 2-3 premières, comment faire pour cela m'affiche en directe le nombre de touche taper ?

    mon code est le suivant:

    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
     
    <script>
    function sendData(param, page,cible)
    {
    if(document.all)
    {
    var XhrObj = new ActiveXObject("Microsoft.XMLHTTP") ;
    }
    else
    {
    var XhrObj = new XMLHttpRequest();
    }
     
    var content = document.getElementById(cible);
     
    XhrObj.open("POST", page);
    XhrObj.onreadystatechange = function()
    {
    if (XhrObj.readyState == 4 && XhrObj.status == 200)
    content.innerHTML = XhrObj.responseText ;
    }
     
    XhrObj.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
    XhrObj.send(param);
    }
    </script>
     
    <div class="saisie">
                <input type="text" name="rch" size="50" value="" onKeyUp="javascript:document.getElementById('loader').style.display = 'block';
                    sendData('&rch='+escape(this.value)+'&mode=simple',
                    'resultat.php',
                    'resultat');"/>
    </div>
    	<span id="resultat">
            <div id="loader" style="display:none" align="center">
                    <img src="img/ajax_loader.gif"/><BR>
                    <font size="1"><i>Recherche en cours ...</i></font>
            </div>
            </span>
    resultat.pĥp
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
     
    <?php
    /**
     * RECUPERATION DU MODE DE RECHERCHE AVANCE OU SIMPLE
     */
    if(isset($_POST["mode"]))
    {
        if ($_POST["mode"] == 'simple')
            echo $rch = $_POST["rch"];
     
    }
    ?>
    merci d'avance
    Les pièges de l'Internet
    Helix, réponse à une intrusion


    "La plus grande gloire n'est pas de ne jamais tomber, mais de se relever à chaque chute." Confucius
    "Si j'ai vu plus loin, c'est en me tenant sur les épaules de géants." Isaac Newton

  7. #7
    Rédacteur
    Avatar de pi-2r
    Homme Profil pro
    Développeur Java
    Inscrit en
    Juin 2006
    Messages
    1 487
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Paris (Île de France)

    Informations professionnelles :
    Activité : Développeur Java

    Informations forums :
    Inscription : Juin 2006
    Messages : 1 487
    Par défaut
    j'ai réussi à fixer mon problème ( de conflit :$ ).
    Merci de vos réponse
    Les pièges de l'Internet
    Helix, réponse à une intrusion


    "La plus grande gloire n'est pas de ne jamais tomber, mais de se relever à chaque chute." Confucius
    "Si j'ai vu plus loin, c'est en me tenant sur les épaules de géants." Isaac Newton

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

Discussions similaires

  1. [AJAX] Ajax modifier valeur input onkeyup
    Par doudou33 dans le forum AJAX
    Réponses: 1
    Dernier message: 28/05/2015, 15h56
  2. [AJAX] Effectuer plusieur appel ajax
    Par shwin dans le forum Général JavaScript
    Réponses: 7
    Dernier message: 06/10/2005, 16h40
  3. [AJAX] Ajax et javascript contenu
    Par zekey dans le forum Général JavaScript
    Réponses: 7
    Dernier message: 30/09/2005, 20h16
  4. [AJAX] AJAX et javascript
    Par spud5351 dans le forum Général JavaScript
    Réponses: 3
    Dernier message: 20/09/2005, 10h16

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