Say hello to Safari users
Safari, le nouveau navigateur web signé Apple, a été téléchargé un million de fois. Et clin d'oeil sur le site Apple si vous utilisez Safari :
Comment est-ce possible ? Un javascript effectue l'identification de votre navigateur, les détails :
Ouverture d'une balise de script (en l'occurence du JavaScript).
Initialisation des variables SafariMessage qui prend la valeur :
<IMG SRC=\"/home/images/2003/01/safarititle01202003.gif\" WIDTH=\"670\" HEIGHT=\"80\" ALT=\"WELCOME SAFARI USERS. The new PowerBooks.\">
(affichage d'une image de largeur 670, de hauteur 80 et dont le texte alternatif en cas de non affichage serait: WELCOME SAFARI USERS. The new PowerBooks.)
et NoSafariMessage :
<IMG SRC=\"/home/images/2003/01/powerbooktitle01202003.gif\" WIDTH=\"670\" HEIGHT=\"80\" ALT=\"The new PowerBooks.\">
(affichage d'une autre image de largeur 670, de hauteur 80 et dont le texte alternatif en cas de non affichage serait: The new PowerBooks.)
On identifie ici si le navigateur utilisé par le surfeur est Safari en lisant le UserAgent (sorte de pièce d'identité du navigateur). En français cela donne :
Si le navigateur est Safari, la variable SafariMessage sera écrite, autrement on écrira NoSafariMessage.
Balise de fin de script.
En cas de non support des javascripts par votre navigateur la même image que NoSafariMessage sera affichée.
NB : ce petit détail n'est pas visible sur le site d'Apple France.
Comment est-ce possible ? Un javascript effectue l'identification de votre navigateur, les détails :
<SCRIPT LANGUAGE = "JavaScript">
Ouverture d'une balise de script (en l'occurence du JavaScript).
var SafariMessage = "<IMG SRC=\"/home/images/2003/01/safarititle01202003.gif\" WIDTH=\"670\" HEIGHT=\"80\" ALT=\"WELCOME SAFARI USERS. The new PowerBooks.\">"
var NoSafariMessage = "<IMG SRC=\"/home/images/2003/01/powerbooktitle01202003.gif\" WIDTH=\"670\" HEIGHT=\"80\" ALT=\"The new PowerBooks.\">"
Initialisation des variables SafariMessage qui prend la valeur :
<IMG SRC=\"/home/images/2003/01/safarititle01202003.gif\" WIDTH=\"670\" HEIGHT=\"80\" ALT=\"WELCOME SAFARI USERS. The new PowerBooks.\">
(affichage d'une image de largeur 670, de hauteur 80 et dont le texte alternatif en cas de non affichage serait: WELCOME SAFARI USERS. The new PowerBooks.)
et NoSafariMessage :
<IMG SRC=\"/home/images/2003/01/powerbooktitle01202003.gif\" WIDTH=\"670\" HEIGHT=\"80\" ALT=\"The new PowerBooks.\">
(affichage d'une autre image de largeur 670, de hauteur 80 et dont le texte alternatif en cas de non affichage serait: The new PowerBooks.)
if (navigator.userAgent.indexOf('Safari') != -1) {
document.write(SafariMessage);
} else {
document.write(NoSafariMessage);
}
On identifie ici si le navigateur utilisé par le surfeur est Safari en lisant le UserAgent (sorte de pièce d'identité du navigateur). En français cela donne :
Si le navigateur est Safari, la variable SafariMessage sera écrite, autrement on écrira NoSafariMessage.
</SCRIPT>
Balise de fin de script.
<NOSCRIPT>
<IMG SRC="http://a772.g.akamai.net/7/772/51/1e859126f7f1df/www.apple.com/home/images/2003/01/powerbooktitle01202003.gif" WIDTH="670" HEIGHT="80" ALT="The new PowerBooks.">
</NOSCRIPT>
En cas de non support des javascripts par votre navigateur la même image que NoSafariMessage sera affichée.
NB : ce petit détail n'est pas visible sur le site d'Apple France.