Discussion :

[deew59]

Bonjour,

Comme indiqué dans le titre j'aimerai supprimer l'envoi du formulaire quand j'appui sur la touche ENTER.
En effet je realise un tchat en PHP/ajax et le soucis c'est que la touche entrer rafraichie ma page (ps: j utilise tous de meme la touche entrer pour executer ma fonction javascript d'envoi du message) etant donner que j'utilise javascript pour l'affichage ,les messages precedent sont donc effacés

Code :

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

1
2
3
4
5
<form method="post">
				<input type="text" name="message" onmouseover="this.focus();" onBlur="this.focus()" size="80"/>
				<input type="hidden" name="pseudo" value="<?echo $pseudo;?>"/>
				<input type="reset" value="Envoyer" onclick="ajouter();"/>				
			</form>

ci dessus mon formulaire

Code :

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

1
2
3
4
5
6
7
8
9
10
11
function ajouter()
 {
	creerRequete();
     var message = document.getElementById("message").value;
	 var pseudo = document.getElementById("pseudo").value;
     var url = "enregistrerchat.php?message="+
               escape(message)+"&pseudo="+escape(pseudo)+"&factice=" + new Date().getTime();
     requete.open("GET", url, true);
     requete.onreadystatechange = actualiserPage;
     requete.send(null);
}

voila voila ma fonction ajouter() (si ca peux aider)

je ne sais pas comment faire ,je veux garder le type reset de mon bouton.
j'espere être assez claire

Merci d'avance de vos reponse

ps: pas encore tester sous FF ,

[CAML]

voila il me semble que ce bout de code devrait t'orienté...

<script>
function MaFonctionDeTest()
{
// code de test
...
// si il ne faut pas faire de postback
return false;

// si il faut faire un postback
return true;
}
</script>

<form onsubmit="MaFonctionDeTest();">

</form>

[SpaceFrog]

remplace ton bouton reset par un input type='button'

puis fais le reset en fin de fonction...
ou remets dynamiquement les values des inputs =''

[deew59]

merci de vos reponse

le type button me provoque egalement un rafraichissement de la page tous de meme (me semble que j avais deja essayer):/

par contre avec le onsubmit ca passe niquel merci merci


donc le nouveau formulaire:

Code :

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

1
2
3
4
5
form method="post" onSubmit="return KillEnter(this);">
				<input type="text" name="message" onmouseover="this.focus();" onBlur="this.focus()" size="80"/>
				<input type="hidden" name="pseudo" value="<?echo $pseudo;?>"/>
				<input type="reset" value="Envoyer" onclick="ajouter();"/>				
			</form>

et ma fonction qui de toute facon doit toujours renvoyer false

Code :

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

function killEnter(post){return false}

+je dois mettre mon value =""

voila je savais pas que l'on pouvait faire ca
encore merci

[SpaceFrog]

tu as un bouton submit dans ton form ???

si non il n'y a aucune raison qu'un appui sur la touche enter valide le form, sauf si le bouton à le focus ...

[deew59]

tu as un bouton submit dans ton form ???

si non il n'y a aucune raison qu'un appui sur la touche enter valide le form, sauf si le bouton à le focus ...

non pas de submit pourtant , mais ENTER provoquait un rafraichissement
enfin mon formulaire etait tel que je l'ai poster au debut
(peux etre un soucis avec IE , j vais le tester sur FF maintenant)