input

input - HTML/CSS - Programmation

Marsh Posté le 14-06-2016 à 19:26:58    

je voudrais que dans la réponse finale d'un input soit ajouter coller sur la rep finale du texte    ex: si on entre supposon "stephane" en cliquant sur envoyer un texte automatique se joint a stephane donnant ceci :  stephane123 le 123 etant le texte automatiquement ajouter coller sur le stephane

Reply

Marsh Posté le 14-06-2016 à 19:26:58   

Reply

Marsh Posté le 15-06-2016 à 10:02:10    

Soit c'est fait côté client avec du Javascript : le script est appelé sur l'événement onsubmit du formulaire, soit c'est fait côté serveur via un langage style PHP.


---------------
Astres, outil de help-desk GPL : http://sourceforge.net/projects/astres, ICARE, gestion de conf : http://sourceforge.net/projects/icare, Outil Planeta Calandreta : https://framalibre.org/content/planeta-calandreta
Reply

Marsh Posté le 15-06-2016 à 12:13:17    

Javascript:

Code :
  1. <html>
  2. <body>
  3. <script language="javascript">
  4. function modif()
  5. {
  6.     document.getElementById("field" ).value+="123"; //ou autre traitement
  7.     return true;
  8. }
  9. </script>
  10. <form action="traitement.php" method="get" onsubmit="javascript:modif();">
  11. <input type="text" name="nom" id="field">
  12. <input type="submit" value="envoyer">
  13. </form>
  14. </body>
  15. </html>


C'est un exemple minimum probablement pas très élégant (mais qui fonctionne en tout cas sous Firefox). (Il me semblait que les onxxx s'utilisent plus?!?)

Reply

Marsh Posté le 15-06-2016 à 14:14:40    

onsubmit, je l'utilise encore. Mais c'est vrai que si on veut être propre, on fait du javascript non intrusif (donc pas sur les balises HTML). On met tout dans des fichiers JS chargés dans le <head> et au chargement de la page, un script fait le bind entre les balises, événements et fonctions de traitement via addListener().


---------------
Astres, outil de help-desk GPL : http://sourceforge.net/projects/astres, ICARE, gestion de conf : http://sourceforge.net/projects/icare, Outil Planeta Calandreta : https://framalibre.org/content/planeta-calandreta
Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed