ACCUEIL | PAGE PRECEDENTE | PAGE SUIVANTE | FIN DE PAGE | INDEX |
Voici encore quelques exemples de Dynamic HTML que seul Internet Explorer reconnaît actuellement :
Placez le curseur de votre souris sur le lien situé ci-dessous ! Le lien "E-MAIL" change de couleur...
Pour que Netscape ne pose pas de problème, il faut employer la détection
d'IE.
Ajoutez : ie4?this.style.color='yellow':null
En procédant ainsi, seul IE appliquera le code tandis que Netscape
l'ignorera...
Voici un exemple de scripts pour la détection des différentes résolutions d'écran, de forme assez simple, pour vous permettre une meilleure compréhension.
<SCRIPT LANGUAGE="JavaScript">
if ((screen.width>= 1024)|| (screen.height>=768))
{
document.styleSheets['r10'].disabled= false;
document.styleSheets['r8'].disabled= true;
document.styleSheets['r6'].disabled= true;
}
if ((screen.width<= 640)|| (screen.height<=480))
{
document.styleSheets['r10'].disabled= true;
document.styleSheets['r8'].disabled= true;
document.styleSheets['r6'].disabled= false;
}
if ((screen.width== 800) ||(screen.height== 600))
{
document.styleSheets['r10'].disabled= true;
document.styleSheets['r8'].disabled= false;
document.styleSheets['r6'].disabled= true;
}
</SCRIPT>
Le script vérifie si la condition de résolution est remplie. Si c'est le cas, il active (disabled= false) la feuille de style correspondante et désactive (disabled= true) les deux autres feuilles de style.
Pour "couvrir" toute les résolutions possibles, on a choisi ici des "fourchettes" de résolution (plus petite que 640x600 jusqu'à 1024x768 et plus). Remarquez que la largeur de l'écran est analysée ainsi que sa hauteur...
ACCUEIL | PAGE PRECEDENTE | PAGE SUIVANTE | DEBUT DE PAGE | INDEX |