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

JavaScript 1.3
Formulaires

  Message défilant sur un bouton

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 sur un bouton. Ce texte défilera à la façon d'un prompteur.
  Principe
On créé un message dans une variable, on créé une fonction de défilement puis on affecte ce défilement à un bouton.
  Le script
dans la partie <head>
<script language="JavaScript">
// on initialise la position du message qui defilera
var position = 0;

function boutonanime() {

// message : bah le message qui defilera ;-)
var message = " Envoyer OK Valider Confirmer Soumettre ";

// pour explorer, 20 est la taille du bouton, aucune fonction sur Netscape
var k = ( 20 / message.length ) + 1;

for ( i = 0; i <= k; i++ ) message += " " + message;

// le nombre de caractere affiches en meme temps : 20
document.formulaire.bouton.value = message.substring(position,position + 20);
if ( position++ == message.length ) position = 0;

// vitesse de defilement du message
setTimeout("boutonanime()",150);
}
</script>

dans la partie <body>
<body OnLoad="boutonanime();">

<form name="formulaire">
<input type="button" name="bouton" value=".......Valider......." OnClick="window.alert('La fonction que vous voulez');">
</form>

</body>
  Démonstration
  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