Discussion :

[kentaro]

Bonjour à tous
Dans le cadre de mon apprentissage je souhaite convertir ce code JQuery en JS

Code :

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

1
2
3
4
5
6
7
8
 
$('#formulaire_chat').submit(function () {
      var message = $('#message').val();
      socket.emit('message', message);
      insereMessage(pseudo, message); 
      $('#message').val('').focus();
       return false; 
});

voila ce que j'ai fait mais sa ne donne rien de bien probant.

Code :

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

1
2
3
4
5
6
7
8
9
10
 
 function envoi_message() {
 
      document.getElementById('formulaire_chat').submit();
      let message = document.getElementById('message').value;
      socket.emit('message', message);
      insereMessage(pseudo, message);
      document.getElementById('message').focus(value(''));
      return false; 
}

J'ai passé ma journée la dessus , merci infiniment pour votre aide !

[Doksuri]

a vue de nez, le probleme doit venir de document.getElementById('message').focus(value('')); : focus() ne prend que des options en parametre, il ne sait pas faire value('')
de plus, ce serait document.getElementById('message').value = '';.

le plus simple reste encore de regarder les erreurs dans la console.

pour en revenir au vanilla : cette 'doc' m'a bien aide github.com/nefe/You-Dont-Need-jQuery/blob/master/README-fr.md

enfin, je ne peux que te conseiller d'utiliser mdn pour la doc officielle par exemple developer.mozilla.org/fr/docs/Web/API/HTMLElement/focus

[Invité]

Bonjour,

Code JavaScript :

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

1
2
3
4
5
6
7
8
9
document.getElementById('formulaire_chat').addEventListener('submit', function(){
 
	let message = document.getElementById('message').value;
	socket.emit('message', message);
	insereMessage(pseudo, message);
	document.getElementById('message').value = '';
	document.getElementById('message').focus();
	return false; 
});

[kentaro]

...

Merci Doksuri pour ton message , je vais consulter tous sa.

...

Merci beaucoup jreaux ! fonctionne parfaitement , j'ai eu un souci avec

Code :

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

<input type="submit"

remplacé par

Code :

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

<input type="button"

et ton code que j'ai un peu remanié

Code :

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

1
2
3
4
5
6
7
8
9
 
function envoi_message() {
            let message = document.getElementById('message').value;
            socket.emit('message', message);
            insereMessage(pseudo, message);
            document.getElementById('message').focus();
            document.getElementById('message').value='';
            return false; 
}

Merci encore