SCRIPTS TEXTES.


  1. Dernière modification
  2. Quelle heure ? Quelle date ?
  3. Message d'accueil
  4. Texte d'aide pour liens
  5. Générateur aléatoire de texte
  6. Boîte d'aide dynamique
  7. Petit questionnaire
  8. Défilement de texte


Dernière modification. Compatible Netscape Compatible I.Explorer

Ce script affiche simplement la date (format ex : 05/08/1998) de la dernière modification apportée à votre page. Il fait appel à la fonction lastModified.

<SCRIPT LANGUAGE="JavaScript">
<!--
date=document.lastModified
jour=date.charAt(3)+date.charAt(4)
mois=date.charAt(0)+date.charAt(1)
annee=date.charAt(6)+date.charAt(7)+date.charAt(8)+date.charAt(9)
document.write("Dernière modification de ce document : "+jour+"/"+mois+"/"+annee)
//-->
</SCRIPT>


[TOP]


Quelle heure ? Quelle date ?. Compatible Netscape Compatible I.Explorer

Ce script permet d'afficher l'heure et la date courante. A insérer dans le flux de votre document.

<SCRIPT LANGUAGE="JavaScript">
<!--
today = new Date()
document.write("Nous sommes le ", today.getDate(),"/",today.getMonth()+1,"/",today.getYear())
document.write("<br>il est déjà ",today.getHours(),":",today.getMinutes());
//-->
</SCRIPT>


[TOP]


Message d'accueil. Compatible Netscape Compatible I.Explorer

Ce script permet d'inscrire un message d'accueil (non défilant) sur la barre d'état du navigateur.

<SCRIPT LANGUAGE="JavaScript">
<!--
window.defaultStatus="Bienvenue";
//-->
</SCRIPT>


[TOP]


Texte d'aide pour liens. Compatible Netscape Compatible I.Explorer

Ce script permet de faire apparaître un texte dans la barre de status du navigateur. A insérer dans vos liens (balise <A HREF="...). Note : Attention \' pour les apostrophes.

<A HREF="menu.htm" OnMouseOver="self.status='Direction le Menu';return true;"
OnMouseOut="self.status=' ';return true;">MENU</A>


[TOP]


Générateur aléatoire de texte. Compatible Netscape Compatible I.Explorer

Avec la fonction Random, l'une des phrases (ici 3) apparaîtra au hasard sur votre page html. Ce principe peut être étendu pour des images ou des sons. A insérer à l'intérieur des balises <BODY> et </BODY>.

<SCRIPT LANGUAGE="JavaScript">
<!--
Texte = new Array(3);
Texte[0]="Phrase 1.";
Texte[1]="Phrase 2.";
Texte[2]="Phrase 3.";
index = Math.floor(Math.random() * Texte.length);
document.write(Texte[index]);
//-->
</SCRIPT>


[TOP]


Boîte d'aide dynamique. Compatible Netscape Compatible I.Explorer

Avec l'utilisation de la balise <FORM> et <TEXTAREA> voici un exemple de boîte d'aide, remplacez le texte Première Aide et Deuxième Aide par vos choix, bien entendu vous pouvez créer autant de texte d'aide que vous voulez. Note : Attention \' pour les apostrophes.

<FORM NAME="BoiteAide">
<TEXTAREA NAME="Texte" ROWS="3" cols="45" READONLY>Aide disponible ici</TEXTAREA>
</FORM>

<A HREF="#" OnMouseOver="document.BoiteAide.Texte.value='Première Aide'"
OnMouseOut="document.BoiteAide.Texte.value='Aide disponible ici'">Aide 1</A>
<BR>
<A HREF="#" OnMouseOver="document.BoiteAide.Texte.value='Deuxième Aide'"
OnMouseOut="document.BoiteAide.Texte.value='Aide disponible ici'">Aide 2</A>


[TOP]


Petit questionnaire. Compatible Netscape Compatible I.Explorer

Voici un exemple de questionnaire basé sur la vérification des cases cochées. Script à placer entre les balises <HEAD> ET </HEAD>

<SCRIPT LANGUAGE="JavaScript">
<!--
function verif(questionnaire)
{
if ( (questionnaire.cas1.checked) == false && (questionnaire.cas2.checked) == true && (questionnaire.cas3.checked) == false)
{
alert("OK ! Bonne réponse !")
}
else
{
alert("Mauvaise réponse !")
}
}
//-->
</SCRIPT>


Le formulaire à choix multiples et le bouton de validation :

Quel navigateur "pèse" moins de 10 Mo ?!
<BR>
<FORM NAME="questionnaire">
<INPUT TYPE="CHECKBOX" NAME="cas1" VALUE="1erchoix">Netscape
<INPUT TYPE="CHECKBOX" NAME="cas2" VALUE="2emchoix">Opera
<INPUT TYPE="CHECKBOX" NAME="cas3" VALUE="3emechoix">I.Explorer
<BR>
<INPUT TYPE="BUTTON" NAME="Test" VALUE="Valider" onClick="verif(questionnaire)">


[TOP]


Défilement de texte. Compatible Netscape Compatible I.Explorer

Ce script permet de faire défiler du texte dans une boîte (à l'aide des balises FORM et INPUT). A noter que vous pouver changer la vitesse de défilement en modifiant la ligne (valeur 100 à modifier) setTimeout("banniere()",100);

Boîte où va apparaître le message défilant.


<FORM NAME="affichage">
<INPUT TYPE="text" NAME="texte" SIZE=30 VALUE="">
</FORM>

Evénement OnLoad à ajouter à la balise BODY.

<BODY OnLoad="banniere()">

Script Javascript à intégrer entre les balises <HEAD> et </HEAD>.

<SCRIPT LANGUAGE="JavaScript">
<!--
var position=0;
var msg="     Votre message ici     ";
for (count=0; count<10;count=count+1)
{
msg=msg+""+msg;
}
function banniere()
{
document.affichage.texte.value=msg.substring(position,position+100);
position=position+1;
if (position==100)
position=0;
setTimeout("banniere()",100);
}
//-->
</SCRIPT>