 SCRIPTS
TEXTES. |
 |
- Dernière
modification
- Quelle heure
? Quelle date ?
- Message
d'accueil
- Texte
d'aide pour liens
- Générateur
aléatoire de texte
- Boîte
d'aide dynamique
- Petit
questionnaire
- Défilement de
texte
Dernière modification.  
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 ?.
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.
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.
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.
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.
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.
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.
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>
|
|
|
|