Script JavaScriptScripts classique
Tous les scripts JavaScript classique
Sauf avis contraire, tous ces exemples sont à recopier dans le body de vos pages:
- Lien vers la page précédente
<a href="javascript:history.back()">Page précédente</a> - Lien vers la page suivante
<a href="javascript:history.forward()">Page suivante</a> - Lien pour actualiser la page (recharger)
<a href="javascript:history.go(0)">Actualiser</a> - Lien pour ouvrir une fenêtre
<a href="fichier.htm" onclick="window.open(this.href,'_blank');return false;"> Ouvrir une fenêtre</a>
Note: la méthode ci-dessus d'ouverture de fenêtre (sans l'attribut html target="_blank") est compatible XHTML 1.0 Strict, donc parfaite pour tous les navigateurs. - Ouvrir une fenêtre de type Popup (à partir d'un lien)
- Dans le head:
<script>
function mapopup(nompage,nomfenetre,mesoptions) { window.open(nompage,nomfenetre,mesoptions); }
</script>
- Dans le body:
<a href="javascript: mapopup('infos.html','z','top=20, left=20, width=100, height=200, resizable=0, location=0, menubar=0, status=0, scrollbars=0, directories=0');">Voir les news du site</a> - Proposer l'impression d'une page
<a href="javascript:this.print();">Imprimer cette page</a> - Proposer d'installer son site comme page d'accueil du navigateur
<a href="#" onclick="this.style.behavior='url(#default#homepage)'; this.setHomePage('http://www.easy-micro.org/');"> Easy-Micro comme page d'accueil</a> - Proposer de rajouter son site dans les favoris (Marque-pages) du navigateur
<a href="javascript:
window.external.AddFavorite('http://www.easy-micro.org/','Easy-Micro')"> Easy-Micro dans vos favoris</a> - Un lien vers un nouveau message (ouvre un nouveau message)
<a href="mailto:titi@toto.fr?subject=Easy-Micro">Contact</a> - Proposer d'afficher le code source d'une page
<a href="#" onclick="window.location='view-source:' +window.location.href" title="Code source"> Afficher le code source de cette page!</a>
Note: le code ci-dessus ne marche pas avec tous les navigateurs - Ouvrir l'explorateur Windows du visiteur dans une fenêtre
<a href="javascript:window.open('file://localhost/c:/','c', 'width=580, height=280, left=100, top=5, toolbar=1, scrollbars=1, menubar=1, resizable=1, location=1, directories=0, status=1');">Ouvrez votre disque dur!</a>
Note: le code ci-dessus ne marche pas avec tous les navigateurs. - Afficher un texte dans la barre d'état du navigateur (à coller dans le head)
<script>window.defaultStatus='Bienvenue sur mon site'</script>
Note: le code ci-dessus ne marche plus avec FireFox (Mozilla) et Internet Explorer 7 (ie7). Les options "Affichage de texte dans la barre d'état" sont aujourd'hui désactivées par défaut dans ces navigateurs. - Effet de mouseOver sur une image survolée par la souris
<a href="javascript:;" onmouseover="document.monimg.src='image2.gif';" onmouseout="document.monimg.src='image1.gif';">
<img name="monimg" src="image1.gif" border="0" height="10" width="100" />
</a>
Note: pour rajouter un lien sur une image survolée, utilisez la technique des zones réactives proposées par vos éditeurs de site web favoris. - Interdire le clic droit de la souris (no right click)
- Version simple en HTML 4.0 : <body oncontextmenu="return false">
- Version longue en XHTML (dans le head)
<script>document.getElementByTagName('body')[0].oncontextmenu = function() { ... }</script>
Note: script à n'utiliser que dans des fenêtres de type Popup pour ne pas indisposer vos visiteurs. - Écrire la date du jour dans une page web (toujours à coller dans votre body)
<script>
//déclaration de variables:
var titi = new Date();
var date = titi.getDate();
var annee = titi.getFullYear();
var jourj = titi.getDay();
var mois = titi.getMonth();
//stucture de contrôle "if" avec l'opérateur ternaire "? :"
//si jourj = 0 alors jourj = Dimanche, sinon si jourj = 1 alors jourj = Lundi...
(jourj == 0) ? jourj = "Dimanche" :
(jourj == 1) ? jourj = "Lundi" :
(jourj == 2) ? jourj = "Mardi" :
(jourj == 3) ? jourj = "Mercredi" :
(jourj == 4) ? jourj = "Jeudi" :
(jourj == 5) ? jourj = "Vendredi" : jourj = "Samedi";
(mois == 0) ? mois = "janvier" :
(mois == 1) ? mois = "février" :
(mois == 2) ? mois = "mars" :
(mois == 3) ? mois = "avril" :
(mois == 4) ? mois = "mai" :
(mois == 5) ? mois = "juin" :
(mois == 6) ? mois = "juillet" :
(mois == 7) ? mois = "août" :
(mois == 8) ? mois = "septembre" :
(mois == 9) ? mois = "octobre" :
(mois == 10) ? mois = "novembre" : mois = "décembre";
var madatedujour = jourj + " " + date + " " + mois + " " + annee;
document.write (madatedujour);
</script>
Explication: L'ensemble du code n'est ni plus ni moins que la traduction de l'heure et de la date système de la machine en français ! Exemple: si le jourj est égale à un '0', soit 'sunday', alors jourj devient 'Dimanche'. Ah lala, tout ça pour ça !
