DHTML
En association avec le HTML, du langage Javascript et des feuilles de style, celà nous donne une interactivité intéressante aux pages. A utiliser avec précaution, car les différents navigateurs ne réagissent pas tous de la même manière.

Voici quelques petits exemples à ajouter dans vos pages html, leur donnant ainsi un peu de vie.

Index
Changement de texte
Images et commentaires
 Fin du document

Un texte qui change au passage de la souris 


<H4>
onMouseover="this.innerText='Le sport ce dimanche'"
onMouseout ="this.innerText='TITRE DU JOURNAL'">
TITRE DU JOURNAL
</H4>
Avec quelques lignes de code, voici un petit truc amusant. En passant avec la souris sur le titre ci-dessous, vous affichez un autre texte.

TITRE DU JOURNAL

Ne fonctionne pas avec Netscape
Haut de la page

Images et commentaires 


<SCRIPT LANGUAGE="JavaScript">
<!--  début du masquage

function tex(texte){
	document.all.txt1.innerText=texte
}

// fin du masquage -->
</SCRIPT>

<IMG SRC="voeux89.gif" WIDTH="130" border=5
  onClick="tex(' 1er image avec un bateau sous voile ')">
<IMG SRC="voeux95.gif" WIDTH="130"
  onClick="tex(' 2eme image, une gondole de Venise ')">
<IMG SRC="voeux93.gif" WIDTH="130"
  onClick="tex(' 3eme image, un autre vieux grément')">

<B id=txt1> Commentaires des images</B>
Vous pouvez simplement modifier le texte qui accompagne des images. Si vous cliquez sur les images ci-desous, une explication ce celle-ci sera affiché en dessous

Cliquer avec la souris sur une des images

 Commentaires des images

Ne fonctionne pas avec Netscape

Haut de la page

[Home Page][Programmation]

Jean-Pierre Perroud
Switzerland
Dernière mise à jour le 25-02-2008