Easy-Micro

LANGAGE Script JavaScript
Scripts 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 !

< Page précédente SCRIPT JAVASCRIPT Page suivante >