Membre de ClickFR, Reseau francophone Paie-Par-Click
Accueil
Accueil
- [ CSS : ] [ DHTML : ] [ HTML : ] [ JavaScript : ] [ Refs : ]
Accueil

JavaScript 1.3
Formulaires

  Message défilant dans un champ texte

fonction de ce script  principe de ce script  le script lui-meme  demonstration du script  telechargement du script

  Fonction
Le but de ce script est de placer un texte dans un champ de type texte. Ce texte défilera à la façon d'un prompteur.
  Principe
On créé un champ texte recevant le message à faire défiler, on le mouline dans une fonction de défilement puis on affecte ce défilement à un autre champ texte.
  Le script
dans la partie <head>
<script language="JavaScript">
// retardateur = servira à enchainer les défilements
var retardateur;

// encours = donne l'état du défilement
var encours = false;

// delaiattente = délai d'attente entre 2 passages du texte
var delaiattente = 100;

// marge = emplacement où démarre le texte
var marge = 20;

// cette fonction permet de faire démarrer le texte
function defileur() {

// emplacement = là où le message défilera
var emplacement = document.formulaire.defilement.value;

var i = 0;
for (i = 0 ; i < marge ; i++) message = " " + message;
encours = true;
retardateur = window.setTimeout("defilement(0)",delaiattente);
}

// cette fonction est le défilement à proprement parler
function defilement(position) {

// message = devinez... (un peu d'espace avant pour avoir le temps de lire le début du message)
var message = " " + document.formulaire.message.value;
encours = false;
if (position < message.length) document.formulaire.defilement.value = message.substring(position, message.length);
else position = -1;
++position;

encours = true;
retardateur = window.setTimeout("defilement("+position+")",delaiattente);
}
</script>

dans la partie <body>
<form name="formulaire">
Votre message : <input type="text" name="message" size="25" value="">
<input type="button" value="Faire defiler" OnClick="defileur();">
<input type="text" name="defilement" size="25">
</form>
  Démonstration
Votre message :


  Téléchargement
Ce script est disponible en deux versions :
  • le script est intégré à la page où il agit,
  • le script est dans un fichier séparé de la page où il agit (fichier.js et fichier.html).

    L'intérêt d'un script dans un fichier séparé est de pouvoir le partager entre plusieurs pages html.
    Cela permet aussi de le rendre inaccessible à toute personne qui souhaiterai l'enregistrer pour une autre utilisation.
    		•
    Script intégré :
    form_defil_texte.zip
    1 Ko    		 telechargez le script telechargez le script
    Script séparé :
    form_defil_texte2.zip
    1 Ko
    Recherche
    		aide sur la recherche
    CSS 2
    DHTML
    HTML 4
    Références
    Aide générale
    hit-parade
    Votez TOP Ouaibe !

    statistiques
    aide sur les contacts aide sur la mailing-list aide sur la newsletter