Discussion :

[Persanne]

Bonjour, c'est mon tout premier message ici. J'ai un peu honte de la question posée mais je ne trouve de réponse nulle part. Voici mon problème.

J'ai une page php où j'utilise du javascript et de l'ajax.

J'y ai un formulaire sans bouton submit et quand j'appuie sur la touche entrée, ma page est réaffichée, ce que je ne veux pas et ne comprends pas puisqu'il n'y a rien, a priori, dans ma page qui gère la touche entrée. Est-ce que quelqu'un pourrait me donner une piste de recherche ? Si besoin, je peux fournir mon code, mais il est long.

Je poste dans la section javascript, persuadée que c'est de ce côté là que se situe mon pb.

Merci à tous.

[SpaceFrog]

un input type image ?

[Persanne]

Nope.

Voici le code de mon formulaire.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
<form method="post" action="taverne.php">         
  <p> 
      <label for="message"> <input type="text" name="message" id="message" value=""> 
       <input type='button' name='action' value='envoyer' onclick="ajoutmessage(<?php echo "'" . $_SESSION['pseudo'] . "'"; ?>, document.getElementById('message').value); return false;" /> 
  </p>
</form>

[SpaceFrog]

Il semblerait que cela proviennt du fait qu'il n'y ait qu'un seul input texte ...

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
<form method="post" action="javascript:alert('posté')">         
 
       <input type="text" name="message" id="message" value=""> 
       <input type="text" name="message" id="" value="" style='display:none'>      
       <input type='button' name='action' value='envoyer' onclick="return false;" /> 
 
</form>

parcontre la balise label est foireuse ... pas de balise de fermeture ...

[Persanne]

Oui, j'ai retiré le label qui ne servait à rien, en plus...

Mais pourquoi il faudrait deux champs input de type texte pour éviter que la touche entrée ne fonctionne ?

Je vais essayer mais je ne comprends pas...

[Persanne]

Ca marche nickel. Merci beaucoup.

Mais pourquoi ?

[SpaceFrog]

A priori ça a l'air d'être un comportement par défaut des forms avec un seul input ...
Le fait de rajouter un second input en display none contrarie cette fonctionnalité ...

[Persanne]

Ben, celui qui a eu cette idée de fonctionnement par défaut devait avoir l'esprit tordu... Encore merci.

[Persanne]

* toussote *

C'est encore moi... Après des tests plus complets avec une personne qui a Safari... Ca fonctionne sur IE et Mozilla mais pas Safari. Est-ce qu'il y aurait une autre astuce du même genre pour Safari ?

Encore merci pour votre aide.

[SpaceFrog]

peut être qu'en le mettant en visibility:hidden .

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
<form method="post" action="javascript:alert('posté')">         
       <input type="text" name="message" id="message" value=""> 
       <input type="text" name="message" id="" value="" style='visibility:hidden; width:0;height:0;'>      
       <input type='button' name='action' value='envoyer' onclick="return false;" /> 
</form>

[Persanne]

Merci, SpaceFrog. Je teste à mon retour de vacances et vous dis si ça marche.

[Persanne]

Bon, ça ne fonctionne pas sous Safari, même avec les deux champs text affichés. Je l'indique pour les éventuels autres lecteurs de ce forum. Je vais me tourner vers la gestion de la touche entrée avec un onkeypress pour résoudre le problème.

[Persanne]

Bonjour, je viens donner la solution que j'ai trouvée.

J'ai remplacé le champs button par un champs submit et ajouté un onsubmit à mon formulaire. Ainsi, j'ai pu lancer la fonction voulue lors de la validation de mon formulaire tout en conservant avec un submit qui se valide simplement par la touche "entrée" sous Safari, IE ou Mozilla.