Contenu | Recherche | Plan du site | Accessibilité | Contact

Documentation

Coding - JavaScript

Le JavaScript est un langage de programmation éxécuté coté client, contrairement au PHP qui s'éxécute coté serveur, c'est un language largement utilisé dans les pages web, il permet de créer des services dynamiques en utilisant des technologies tels que DOM (Document Object Model). Les quelques petits bouts de code décrits dans ce document sont valid xHTML 1.0 DTD Strict par le validateur du W3C.

Inclure un script dans une page

Il est possible d'inclure un script JavaScript en créant un lien dans la balise <meta> d'une page xHTML, cette possibilté est très pratique si il y a beaucoup de code JavaScript. Exemple:

<script type="text/javascript" src="../include/script.js"></script>

history.go - Retour à la page

La fonction history.go de JavaScript permet de faire des retours à la page précédente sans spécifier le non de la page. C'est utile quand une page est liées à plusieurs autres pages:

Retour à la page précédente.

<a href="javascript:history.go(-1)">Retour à la page précédente.</a>

alert - Bouton d'alerte

Un bouton pour afficher une message d'avertissement sous forme d'alerte

<input type="button" value="Alerte" onclick="alert('Message.')" />

view-source - Afficher les sources de la page

JavaScript peut être utilisé pour créer un lien affichant directement les sources de la page web via la fonction view-source:

Sources de la page

<a href="javascript:window.location='view-source:' window.location.href"
>Sources de la page</a>

window.print - Lien pour imprimer

Un lien qui permet d'imprimer directement une page:

Imprimer la page.

<a href="javascript:window.print()">Imprimer la page.</a>

window.open - Ouvrir une nouvelle fenêtre (Popu)

JavaScript permet d'ouvrir un lien dans une nouvelle fenêtre de taille choisie, avec ou sans bar d'outils, en activant/désactivant la scrollbars, etc. Cette exemple ouvre une nouvelle fenêtre d'une taile de 480x360 pixel avec le mode 'fixed':

Ouvrir une fenêtre 480x360.

<a href="devel/template.html" 
   onclick="window.open(this.href,'fixed','width=480,height=360');return(false)"
   title="Nouvelle fenêtre popu.">Ouvrir une fenêtre 480x360.</a>