Comment faire défiler un texte dans un champ de formulaire en javascript ?

 

par meltech1 |

     

Un champ de formulaire c'est une case que l'on retrouve dans les formulaires à remplir sur Internet. Si votre site Internet contient un formulaire alors cet article est pour vous. En effet pour mieux préciser ce qu'il y a à remplir sur votre formulaire vous pouvez ajouter du texte dans les champs de votre formulaire en le faisant défiler lettre par lettre pour mieux le remplir. Voici comment faire.

Quelles sont les fournitures nécessaires ?

  • Internet Explorer
  • Logiciel bloc notes

Étapes de réalisation

1.

Commencez par ouvrir votre site Internet avec "bloc notes" et vous obtenez ainsi le code source. C'est le programme de votre site Internet que vous allez pouvoir modifier avec le script suivant.

2.

Maintenant recherchez la balise <body> et insérez-y le script suivant dans les <> :
<body onload="startWire()">.

3.

Ensuite cherchez la balise <body> et insérez-y le script suivant :
<script type="text/javascript">
<!--
var speed = 100
var pause = 1000
var timerID = null
var wireRunning = false
var cc = new Array()
cc[0] = "Voici ce qu'il"
cc[1] = "y a à mettre"
cc[2] = "dans le formulaire !"

cc[8] = "."
var currentMessage = 0
var offset = 0
function stopWire() {
if (wireRunning)
clearTimeout(timerID)
wireRunning = false

}
function startWire() {
stopWire()
showWire()
}
function showWire() {
var text = cc[currentMessage]
if (offset < text.length) {
if (text.charAt(offset) == " ")
offset++
var partialMessage = text.substring(0, offset + 1)
document.wireForm.wireField.value = partialMessage
offset++
timerID = setTimeout("showWire()", speed)
wireRunning = true
} else {
offset = 0
currentMessage++
if (currentMessage == cc.length)
currentMessage = 0
timerID = setTimeout("showWire()", pause)
wireRunning = true
}
}
// -->
</SCRIPT>
<form name="wireForm">
<input name="wireField" onFocus="if (!wireRunning) { startWire() }">
</form>.

4.

Pour terminer enregistrez le tout avec "bloc notes" et ouvrez avec IE. Votre formulaire a maintenant les champs qui contiennent du texte comme celui indiqué dans votre programme. Voilà c'est terminé.

Astuces et mises en garde

Astuce(s) :

Pour modifier le texte du formulaire allez dans la balise <body>.

Sur le même thème

damneya

Comment ajouter des métadonnées sur iWeb ?

Pour attirer des visiteurs sur un site internet, il est important d’ajouter à son site des métadonnées et des mots-clés qui seront recherchés dans les moteurs de recherche. Pour ajouter des métadonnées sur iWeb sans éditer le code HTLM brut, pre

kat5

Comment utiliser le logiciel Dreamweaver ?

Dreamweaver est un logiciel permettant de concevoir un site Internet. Et comme tout logiciel, il est simple d'utilisation, mais certaines bases sont nécessaires. Alors à vos claviers, à votre souris, nous allons partir à la découverte de ce logiciel

damneya

Comment créer un blog ?

Un blog ou plus exactement un weblog est un site personnel que vous pouvez créer pour vous exprimer sur vos points de vues. Quelles étapes faut-il suivre pour créer un bon blog?

Chercher un article sur Comment fait-on