[Shoutbox] Validation enter

[Shoutbox] Validation enter [Réglé]

Navalex Membre non connecté

Booster Roquette

Le 30/01/2015 à 18h27

Booster Roquette
Voir le profil du membre Navalex
Inscrit le : 12/02/2012
Email
Site internet
Groupes :

Bonjour,

Je suis en train de modifier un peut le tpl de la shoutbox afin de la placé en fixed en bas à droite du site pour une question de pratique.
J'ai donc tout positionné, Mais je me rend compte que les boutons envoyer et rafraichir donne vraiment pas très beau.

Je voudrais donc savoir si quelqu'un savait pour faire en sorte que avec un textarea on envoi le formulaire avec la touche "enter" du clavier, un peut comme facebook ou skype par exemple.

Ou alors avec un input[text] si c'est pas possible, mais je n'est pas de grande connaissance en js...

EDIT: J'ai essayé de faire en sorte d'annuler le transfert du formulaire et d'exécuter la fonction, mais ca ne marche pas du tout..

Code JAVASCRIPT :

$('#shout-form-id').on('submit', function(e) {
        e.preventDefault();
        XMLHttpRequest_shoutmsg();
    });

Cordialement, Navalex.

Édité par Navalex Le 30/01/2015 à 18h35

Mes modules PHPBoost:

Cookok - Alertez vos membres des cookies !
Boutique - Créer votre vrai E-Boutique

janus57 Membre non connecté

Equipe Assistance Booster Fusée

Le 30/01/2015 à 18h36

#142940

Booster Fusée
Voir le profil du membre janus57
Inscrit le : 07/12/2007
Groupes :
Equipe Assistance

Bonjour,

pour la touche entrer va voir sur le dépôt google, y a les dev's qui ont prévu cette amélioration en V4.2, juste du JS qui devrait passer en V4.1

EDIT :
Truc du genre :

Code HTML :

 
<textarea id="shout_contents" name="shout_contents" onkeypress="if(event.keyCode==13){shoutbox_add_message();}" rows="# IF C_VERTICAL #4# ELSE #2# ENDIF #" cols="16"></textarea>

Cordialement, janus57

Édité par janus57 Le 30/01/2015 à 18h42

Navalex Membre non connecté

Booster Roquette

Le 30/01/2015 à 18h41

#142941

Booster Roquette
Voir le profil du membre Navalex
Inscrit le : 12/02/2012
Email
Site internet
Groupes :

Bonjour,

Euh, la touche entrée par rapport au Textarea ?

Car je suis conscient qu'il existe tout en tas de tuto sur le net, mais je ne voudrais pas trop modifier la fonction ajax déjà fait sur le shoutbox, donc je voudrais juste intercepter le formulaire avec la touche entré au lieu de passer par un bouton.

Cordialement, Navalex.

Mes modules PHPBoost:

Cookok - Alertez vos membres des cookies !
Boutique - Créer votre vrai E-Boutique

janus57 Membre non connecté

Equipe Assistance Booster Fusée

Le 30/01/2015 à 18h44

#142942

Booster Fusée
Voir le profil du membre janus57
Inscrit le : 07/12/2007
Groupes :
Equipe Assistance

Bonjour,

regarde plus haut, cela aura pour effet d'envoyer le texte sur tu appuie sur entrer, plutôt que de faire un saut de ligne.

J'invente rien c'est sur le dépôt google.

Cordialement, janus57

Navalex Membre non connecté

Booster Roquette

Le 30/01/2015 à 19h05

#142943

Booster Roquette
Voir le profil du membre Navalex
Inscrit le : 12/02/2012
Email
Site internet
Groupes :

Et bien ton code marche nikel merci beaucoup .-.

Mes modules PHPBoost:

Cookok - Alertez vos membres des cookies !
Boutique - Créer votre vrai E-Boutique

janus57 Membre non connecté

Equipe Assistance Booster Fusée

Le 30/01/2015 à 19h10

#142944

Booster Fusée
Voir le profil du membre janus57
Inscrit le : 07/12/2007
Groupes :
Equipe Assistance

Bonjour,

là faudra dire merci au dev qui a fait le commit sur le dépôt google

Cordialement, janus57

j1.seth Membre non connecté

Chef de Projet Equipe Développement Administrateur

Le 30/01/2015 à 20h25

#142945

Administrateur
Voir le profil du membre j1.seth
Inscrit le : 01/09/2008
Site internet
Groupes :
Chef de Projet
Equipe Développement

En effet c'est intégré de base dans la shoutbox 4.2 avec une option pour le désactiver si besoin.

BigBud13 Membre non connecté

Booster Fuzil

Le 31/10/2015 à 12h45

#146133

Booster Fuzil
Voir le profil du membre BigBud13
Inscrit le : 28/08/2009
Groupes :

Bonjour,

Je me permets de remonter ce message car malgré divers essai je n'arrive pas à intégrer le code dans le tpl de la shoutbox.

J'ai beau aller voir sur le github avec les modifs qui ont été faites, et j'y parviens pas.

Est-ce que quelqu'un pourrais me dire en détail si les lignes à remplacer sont bien celle-ci ?

Ligne 134 et 164 du shoutbox_mini.tpl

Code TPL :

<textarea id="shout_contents" name="shout_contents" rows="4" cols="16"></textarea>

Par

Code TPL :

<textarea id="shout_contents" name="shout_contents" onkeypress="if(event.keyCode==13){shoutbox_add_message();}" rows="# IF C_VERTICAL #4# ELSE #2# ENDIF #" cols="16"></textarea>

Car en faisant ceci, cela ne fonctionne pas.

Merci d'avance

Support Général

Répondre

Vous n'êtes pas autorisé à écrire dans cette catégorie