Exemples JavaScript (texte)
EXEMPLES JAVASCRIPT (TEXTE).
Voici quelques exemples de script.
Vous pouvez faire un copier - coller pour les introduire dans votre page.
Scripts testés avec I.Explorer 4.0 et Netscape 3.0 et 4.0
- 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
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)
document.write("Dernière modification de ce document : "+jour+"/"+mois+"/"+"19"+annee)
//-->
</SCRIPT>
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>
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 sur mon site";
//-->
</SCRIPT>
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>
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>
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>
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 boutton 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)">