DHTML ::..

En association avec le HTML, du langage Javascript et des feuilles de style, cela nous donne une inter-activité 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 cliquer sur les images ci-dessous, 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][Informatique]

Jean-Pierre Perroud
Switzerland
Dernière mise à jour :