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

JavaScript 1.3
Barre d'état

  Ecrivez en direct dans la barre d'état

fonction de ce script  principe de ce script  le script lui-meme  demonstration du script  telechargement du script  Compatibilite du script... a partir de : 

  Fonction
Le but de ce script est simplement de permettre au visiteur d'écrire dans la barre d'état. C'est inutile mais ça peut impressionner ;-)
  Principe
Il suffit d'intercepter les frappes effectuées sur le clavier, d'identifier le numéro de la touche, de lui réaffecter sa lettre, puis on place cette lettre dans une variable qu'on place elle-même... dans la barre d'état !
  Le script
dans la partie <head>
<script language="JavaScript">
// Detection du navigateur
nc6 = (typeof(window.controllers) != 'undefined' && typeof(window.locationbar) != 'undefined')? true:false;
nc4 = (document.layers)? true:false;
ie4 = (document.all)? true:false;

// La variable qui sera placée dans la barre d'état
var message = '';

// Fonction d'analyse des frappes clavier
function clavier_entree(e) {

// Instructions pour Netscape 4.x et 6.x
if (nc6 || nc4) {

// On créé une variable qui reçoit pour valeur le numéro de la touche pressée au clavier
var numero_touche = e.which;

// Si la touche n'est ni [Entrée] ni les touches [Tab], [Maj] ou [Control]...
if (numero_touche != 13 && numero_touche != 0) {

// Si la touche est la touche d'effacement
if (numero_touche == 8) {

// On retire le dernier caractère
message = message.substring(0,message.length - 1);
}

// Sinon...
else {

// On récupère la valeur de la lettre associée au numéro de la touche
numero_touche = String.fromCharCode(e.which);

// Et on la place à la fin de la chaîne 'message'
message += numero_touche;
}
}
}

// Instructions équivalentes pour Internet Explorer
if (ie4) {
var numero_touche = event.keyCode;
if (numero_touche != 13 && numero_touche != 0) {

// La touche d'effacement n'est pas considérée comme un caractère par Internet Explorer
numero_touche = String.fromCharCode(window.event.keyCode);
message += numero_touche;
}
}

// On affiche le contenu de 'message' dans la barre d'état
window.status = message;
}

// Lancement de l'interception des frappes clavier
// Instructions pour Netscape 4.x et 6.x
if (window.document.captureEvents!=null) {
document.captureEvents(Event.KEYPRESS);
}
// Instruction équivalente pour Internet Explorer
document.onkeypress = clavier_entree;
</script>
  Démonstration

Allez-y, tapez quelque chose, vous verrez bien...
 
  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é :
    status_ecrire.zip
    1 Ko    		 telechargez le script telechargez le script
    Script séparé :
    status_ecrire2.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