Scripts pour FORMULAIRES
(N'oubliez pas le double clic !)
Choisir parmis les sous-rubriques ci-dessous

Pour remplir | Divers | Dossiers sur les Formulaires

  Scripts POUR REMPLIR LES FORMULAIRES  
  Désactiver un champ ou une liste: IE 5.5 Firefox 1.5 Opéra 8.5
Plusieurs petites instructions pour désactiver (griser) ou masquer un champ ou une liste en fonction des réponses données (case cochée)
.
 
  Vérifier les dates saisies: IE 5.5 Firefox 1.5 Opéra 8.5
Un petit script qui permet de vérifier si les dates saisie (date de début et date de fin) sont dépassées et si la date de fin est bien postérieure à celle de début
.
 
  Un champ qui s'auto-corrige: IE 5.5 Netscape 4.7
Il s'agit ici d'un script qui permet à un champ de formulaire de s'auto-corriger lorsque le caractère saisi n'est pas un chiffre.
 
  Limiter le nombre de caractères et interdire certains mots: IE 5.5 Netscape 4.7
Ce script permet de limiter le nombre de caractères en fixant un nombre maximum. Au fur et à mesure que le visiteur saisi des caractères dans un champ texte, les nombres de caractères restant s'affiche dans un autre champ. Lorsque le nombre 0 est atteint, le visiteur ne peut plus saisir de nouveau caractère. De plus, certains mots, interdits, s'affichent de façon cryptée. Le problème est que ce script ne fonctionne qu'à moitié sur netscape.
 
  Ajout d'un texte dans un formulaire au clic sur une image: IE 5.5 Netscape 4.7
Avec ce script, vous pourrez écrire dans un champ de formulaire en cliquant sur des images.
 
  Vérifier un champ (1): IE 5.5 Netscape 4.7
Un message apparaît (fenêtre nodale) pour indiquer qu'un champ n'a pas été renseigné avant l'envoi du formulaire. Il s'agit d'un petit script très léger.
 
  Vérifier l'adresse Email: IE 5.5 Netscape 4.7
Ce petit script vérifie si l'Email saisi par le visiteur dans le champ correspondant est bien une adresse valide du type "login@truc.com". Sinon un message apparaît (fenêtre nodale) lors de l'envoi des données.
 
  Effacer le contenu d'un champ: IE 5.5 Netscape 4.7
Le visiteur peut effacer le contenu d'un champ en cliquant dans ce dernier. Cela rend la saisie du formulaire par le visiteur plus souple et plus rapide.
 
  Valider avec un lien textuel: IE 5.5 Netscape 4.7
Ce script permet au visiteur de valider le questionnaire (formulaire) en cliquant sur un lien textuel.
 
  Valider avec un bouton type "image": IE 5.5 Netscape 4.7
Remplacer l'affreux bouton "submit" par une image (bouton du type "image") pour valider un formulaire.
 
  Recevoir la configuration du visiteur: IE 5.5 Netscape 4.7
Ce script permet au visiteur d'envoyer à partir d'un simple bouton (de formulaire) sa configuration.
 
  Bouton "Rollover": IE 5.5 Netscape 4.7
Un bouton de formulaire pour valider avec un texte changeant quand on clic dessus.
 
  Envoyer un mail: IE 5.5 Netscape 4.7
Ce script permet d'envoyer un message par mail via un formulaire à remplir.
 
  Formulaire avec commentaires: IE 5.5 Netscape 4.7
Ce formulaire affiche des commentaires par rapport au choix du visiteur automatiquement avant l'envoi des données. Très utile si on souhaite gagner de la place sur la page.
 
  Afficher les réponses d'un formulaire: IE 5.5 Netscape 4.7
Après avoir rempli le questionnaire le visiteur peut se relire; en cliquant sur un bouton "Relire", une petite fenêtre s'ouvre, affichant les réponses avant par exemple de valider le formulaire.
 
  Des boutons pour écrire: IE 5.5 Netscape 4.7
Une autre solution pour faire un choix dans une liste; en cliquant sur un bouton, on écrit sa valeur dans le champs ci-contre, à voir...
 
 
 
  Scripts DIVERS  
  Sélectionner le contenu d'un textarea: IE 5.5 Firefox 1.5 Opéra 8.5
Avec ce script vous pourrez sélectionner tout le contenu d'un textarea par simple clic sur un bouton. Très pratique lorsqu'il s'agit de copier un texte (de l'auteur ou de l'internaute) situé dans un champ, par exemple, le code situé dans l'entête ou la balise body ...
 
  Effectuer un tri dynamique: IE 5.5 Firefox 1.5 Opéra 8.5
Ce Javascript permet de faire monter ou descendre les rubriques dans une liste de formulaire.
A part changer l'ordre des rubriques, cela ne présente pas beaucoup d'intérêt.
 
  Changer le titre de la page: IE 5.5 Firefox 1.5 Opéra 8.5
Le visiteur peut facilement changer le titre du document en remplissant un champ de formulaire et en cliquant sur le bouton. Bien que ce script ne présente pas beaucoup d'intérêt nous lui donnons la note de 3 étoiles en raison de sa simplicité et parcequ'il fonctionne avec tous les navigateur. Ce script figure également dans la rubrique "Element de navigateur (Commandes diverses)".
 
  Envoyer un mail via un formulaire: IE 5.5 Netscape 4.7
Grâce à un script PHP, envoyer directement un mail à partir d'une page web. Contrairement à l'instruction mailto (lien qui ouvre une fenêtre "nouveau message" dans votre logiciel de messagerie), vous envoyer ici directement le mail en remplissant un formulaire. Ce script est présent également dans la rubrique "PHP (Mail)".
 
  Copier un texte dans le presse-papier: IE 5.5
Un bouton pour copier dans le presse-papier, un texte que vous avez saisi dans un champ de formulaire (textarea ou autre chose). Ce script est présent également dans la rubrique "Element de navigateur (Commandes diverses)".
 
  Menu coloré: IE 5.5 Netscape 4.7
Une liste déroulante avec un lien propre pour chaque option. Les liens sont directs, en cliquant sur un des élément de la liste on déclenche automatiquement l'appel du lien. Le menu est coloriable uniquement sous IE grâce à l'attribut STYLE. Ce script est présent également dans la rubrique " Navigation (Menus) ".
 
  Menu indirect: IE 5.5 Netscape 4.7
Comme précédemment, un menu créé à partir d'une liste déroulante. la diffèrence étant que l'on doit séléctionner puis cliquer sur le bouton "Envoi" pour déclencher l'appel du lien. Ce script est présent également dans la rubrique " Navigation (Menus) ".
 
  Cases à cocher en images: IE 5.5
Ce script permet d'afficher un image diffèrente au lieu de "cocher" une des cases. Cliquez à nouveau sur l'image pour revenir à l'image d'origine afin supprimer le choix.
 
  Bouton de formulaire animé !: IE 5.5 Netscape 4.7
Le texte ainsi que le bouton se développent progressivement sur la page de façon cyclique comme un lent cligottement .
 
  Compte à rebours dans un champ texte: IE 5.5
Ce script permet de créer un chronomètre qui se déclenche au chargement de la page. Il est possible de stopper, de relancer et également de réinitialiser ce chronomètre. Ce script figure également dans la rubrique " Temps (divers) ".
 
 
 
  Dossiers SUR LES FORMULAIRES (HTML, JavaScript)  
  Mise au point HTML:
Il s'agit ici ni plus ni moins que de cours HTML (ou rappels selon votre niveau) concernants tous les éléments de formulaire, avec dans la mesure du possible, les dernières recommandations en la matière.
 
  Le Javascript et les formulaires:
Quelques rêgles pour concevoir des scripts de base et plus avec les formulaires.
 
  Dernière modification de la page le 23.03.2006