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 :

Envoyer formulaire avec la touche 'Entrée'


Sujet :

AJAX

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre éclairé Avatar de pendoRa
    Homme Profil pro
    Ingénieur intégration
    Inscrit en
    Mai 2007
    Messages
    317
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 36
    Localisation : France, Rhône (Rhône Alpes)

    Informations professionnelles :
    Activité : Ingénieur intégration
    Secteur : Industrie

    Informations forums :
    Inscription : Mai 2007
    Messages : 317
    Par défaut Envoyer formulaire avec la touche 'Entrée'
    Bonjour,

    Je souhaiterais ajouter au code suivant la possibilité d'envoyer le formulaire à l'aide de la touche "Entrée" (en plus du clic).

    Code php : 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
    //--------------------------
    // Recherche
    //--------------------------
    $form1->add
    (
        array
        (
            "id"         => "tabContent1",
            "type"       => "Container",
            "active"     => false,
        )
    );
    $form1->add
    (
        array
        (
            "id"         => "search",
            "type"       => "InputText",
            "label"      => "Critère de recherche",
            "value"      => (isset($order["search"])) ? $order["search"] : "",
            "help"       => helpEvent("gestcarteSearch"),
            "parent"     => "tabContent1",
        )
    );
    $form1->add
    (
        array
        (
            "id"         => "enter",
            "type"       => "text",
            "label"      => "Touche entree",
            "value"      => "enter",
            "parent"     => "search",
    		"config"     => array
            (
                "enter" => array("onkeypress" => "if (event.keyCode == 13)formAjax('search','gestcarteSearch','".urlRouteAjax("/gestcarte/1")."','".(isset($_MY->user->key) ? $_MY->user->key : 0)."')", "help" => helpData("iSearch")),
            ),
        )
    );
    $form1->add
    (
        array
        (
            "type"       => "Icon",
            "value"      => "detail/erase",
            "params"     => array("div" => array("style" => "float:left;")),
            "parent"     => "search",
            "config"     => array
            (
                "detail" => array("onClick" => "formAjax('search','gestcarteSearch','".urlRouteAjax("/gestcarte/1")."','".(isset($_MY->user->key) ? $_MY->user->key : 0)."')", "help" => helpData("iSearch")),
    			"erase"  => array("onClick" => "objValue('search','');formAjax('search','gestcarteSearch','".urlRouteAjax("/gestcarte/1")."','".(isset($_MY->user->key) ? $_MY->user->key : 0)."')", "help" => helpData("iErase")),
            ),
        )
    );
    $form1->add
    (
        array
        (
            "id"         => "gestcarteSearch",
            "type"       => "Container",
            "value"      => formView("/gestcarte/1"),
            "format"     => false,
            "parent"     => "tabContent1",
        )
    );

    Je n'arrive pas à intégrer l'event à la ligne 36 "onkeypress" au code. Je souhaiterais que l'inputText soit envoyé à l'appui de la touche "Entrée".
    Je ne comprends pas pourquoi la ligne ne s'affiche pas une fois la page traduite en html.

    Code php : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
     (
        "enter" => array("onkeypress" => "if (event.keyCode == 13)formAjax('search','gestcarteSearch','".urlRouteAjax("/gestcarte/1")."','".(isset($_MY->user->key) ? $_MY->user->key : 0)."')", "help" => helpData("iSearch")),
    ),

    Merci beaucoup !

  2. #2
    Modérateur

    Avatar de NoSmoking
    Homme Profil pro
    Inscrit en
    Janvier 2011
    Messages
    17 210
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Isère (Rhône Alpes)

    Informations forums :
    Inscription : Janvier 2011
    Messages : 17 210
    Par défaut
    Bonjour,
    pourrais tu nous mettre le code HTML généré parce que là !?!

    Je ne comprends pas pourquoi la ligne ne s'affiche pas une fois la page traduite en html.
    Je présume qu'il doit y avoir une erreur de syntaxe ou autre, mais comme je ne connais pas ce Framework re !?!

  3. #3
    Membre éclairé Avatar de pendoRa
    Homme Profil pro
    Ingénieur intégration
    Inscrit en
    Mai 2007
    Messages
    317
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 36
    Localisation : France, Rhône (Rhône Alpes)

    Informations professionnelles :
    Activité : Ingénieur intégration
    Secteur : Industrie

    Informations forums :
    Inscription : Mai 2007
    Messages : 317
    Par défaut
    Bonjour,


    oui je poste le code HTML :
    Code html : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    <input type='text' class="form_input_text_field style_field" id='search' name='formGestcarteSearch[search]' value='' onMouseOver="formHelp(event,263,'Champ de recherche.
    <br /><br />Saisir un mot clé pour rechercher toutes les occurences qui contiennent ce mot.',1);" onMouseOut="formHelp(event,0,'',0);">
    <div style="float:left;width:40px;" class="form_icon" id='1'>
        <div class='form_icon_img1' style='width:20px;height:20px;background-position:-140px -40px;cursor:pointer;' onClick="objValue('search','');
    formAjax('search','gestcarteSearch','/rec/ajax.php/gestcarte/1','51a2ad0e696bf66d1ad4499de5b052e5077a60dd382')" onMouseOver="formBack(event,1);formHelp(event,72,'Effacer',1);
    " onMouseOut="formBack(event,0);formHelp(event,0,'',0);" id='ierase'></div>
        <div class='form_icon_img1' style='width:20px;height:20px;background-position:-80px -100px;cursor:pointer;' onClick="formAjax('search','gestcarteSearch','/rec/ajax.php/gestcarte/1','51a2ad0e696bf66d1ad4499de5b052e5077a60dd382')" onMouseOver="formBack(event,1);formHelp(event,71,'Rechercher',1);"

    Je ne l'ai pas posté car mon code ajax ne s'affiche pas dans la partie HTML.

    Page Ajax.php :
    Code php : 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
    <?php
     
    //=============================================
    header('Content-Type: text/html; charset=ISO-8859-15');
    include_once("../bin/settings.inc");
     
    //=============================================
    // Données envoyées via POST
    //=============================================
    foreach($_POST as $key => $value)
    {
        if($key == "userkey")
        {
            userConnectKey($value);
        }
        else
        {
            $_MY->post[$key] = $value;
        }
    }
     
    //=============================================
    // Renvoyer le résultat d'une fonction
    //=============================================
    if(isset($_MY->post["fname"]))
    {
        $fnc = explode("|", $_MY->post["fname"]);
        myprint($fnc[0]($fnc[1]));
        exit;
    }
     
    //=============================================
    // SITE
    //=============================================
    $cell = (isset($_MY->post["cell"])) ? $_MY->post["cell"] : "center";
    $_MY->site->addCell($_MY->route->getPath(), $cell, array("log" => false))->write("ajax");
    ?>


    Merci,

  4. #4
    Modérateur

    Avatar de NoSmoking
    Homme Profil pro
    Inscrit en
    Janvier 2011
    Messages
    17 210
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Isère (Rhône Alpes)

    Informations forums :
    Inscription : Janvier 2011
    Messages : 17 210
    Par défaut
    Dans le code fourni on ne trouve pas trace d'un FORM juste un petit INPUT.

    Pour pouvoir gérer un Enter il te faudrait des éléments prenant le focus et réagissant au keydown, INPUT, BUTTON ou autre A...TEXTAREA.

  5. #5
    Membre éclairé Avatar de pendoRa
    Homme Profil pro
    Ingénieur intégration
    Inscrit en
    Mai 2007
    Messages
    317
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 36
    Localisation : France, Rhône (Rhône Alpes)

    Informations professionnelles :
    Activité : Ingénieur intégration
    Secteur : Industrie

    Informations forums :
    Inscription : Mai 2007
    Messages : 317
    Par défaut
    Désolé, ce n'est pas mon code à l'origine alors j'ai un peu de mal a m'y retrouver également ...

    Code html : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    <div class="form_input_text"><label class="form_input_text_label style_label" for='search'>Critère de recherche</label><input type='text' class="form_input_text_field style_field"
     id='search' name='formGestcarteSearch[search]' value='' onMouseOver="formHelp(event,263,'Champ de recherche.<br /><br />Saisir un mot clé pour rechercher toutes les occurences qui contiennent ce mot.',1);" onMouseOut="formHelp(event,0,'',0);"><div style="float:left;width:40px;" class="form_icon" id='1'><div class='form_icon_img1
    ' style='width:20px;height:20px;background-position:-140px -40px;cursor:pointer;'
      onClick="objValue('search','');formAjax('search','gestcarteSearch','/rec/ajax.php/gestcarte/1','51a2ad0e696bf66d1ad4499de5b052e5077a60dd382')"
     onMouseOver="formBack(event,1);formHelp(event,72,'Effacer',1);" onMouseOut="formBack(event,0);formHelp(event,0,'',0);" 
     id='ierase' ></div><div class='form_icon_img1' style='width:20px;height:20px;background-position:-80px -100px;cursor:pointer;'
      onClick="formAjax('search','gestcarteSearch','/rec/ajax.php/gestcarte/1','51a2ad0e696bf66d1ad4499de5b052e5077a60dd382')"
     onMouseOver="formBack(event,1);formHelp(event,71,'Rechercher',1);" onMouseOut="formBack(event,0);formHelp(event,0,'',0);"  id='idetail' ></div>

    Edit : je crois que j'ai posté un peu la même chose que mon message précedent Peut tu me dire plus précisément quelle partie du code je dois poster svp ? Je sais que ce dev web est un dev orienté objet avec des fonctions .inc et autre appels de fonctions dans les pages... Je ne sais pas si c'est important ou non dans le cadre de ma demande ?

    Merci bcp,

  6. #6
    Modérateur

    Avatar de NoSmoking
    Homme Profil pro
    Inscrit en
    Janvier 2011
    Messages
    17 210
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Isère (Rhône Alpes)

    Informations forums :
    Inscription : Janvier 2011
    Messages : 17 210
    Par défaut
    Edit : je crois que j'ai posté un peu la même chose que mon message précedent
    je confirme

    Ce qui serait intéressant de voir c'est comment tu déclenches ta requête Ajax car dans ton "fouillis" de code difficile de se rendre compte, mais je pense que dans un premier temps il te faut te renseigner sur le fonctionnement du Framework que tu utilises pour générer ton code, cela me parait primordial.

Discussions similaires

  1. Valider formulaire avec la touche entrée s'il y a plusieurs input
    Par francois134 dans le forum Balisage (X)HTML et validation W3C
    Réponses: 4
    Dernier message: 06/08/2009, 11h19
  2. Réponses: 2
    Dernier message: 08/12/2007, 19h15
  3. Réponses: 1
    Dernier message: 04/12/2007, 14h21
  4. [HTML]Problème avec la touche "entrée" dans un formulaire
    Par WerKa dans le forum Balisage (X)HTML et validation W3C
    Réponses: 2
    Dernier message: 12/06/2007, 20h34
  5. Envoyer formulaire avec pièce jointe
    Par Samanta dans le forum Général JavaScript
    Réponses: 4
    Dernier message: 11/03/2006, 21h35

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