Envoyer formulaire avec la touche 'Entrée'

Version imprimable

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:

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:

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 !

03/09/2015, 22h11
NoSmoking

Bonjour,
pourrais tu nous mettre le code HTML généré parce que là !?!

Citation:

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 !?!

Bonjour,

oui je poste le code HTML :

Code:

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:

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,

09/09/2015, 19h23
NoSmoking

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.

Désolé, ce n'est pas mon code à l'origine alors j'ai un peu de mal a m'y retrouver également ...

Code:

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,

10/09/2015, 20h32
NoSmoking

Citation:

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.