Membre de ClickFR, Reseau francophone Paie-Par-Click
Accueil
Accueil
- [ CSS : ] [ DHTML : ] [ HTML : ] [ JavaScript : ] [ Refs : ]
Accueil

JavaScript 1.3

  Le navigateur

fonction de ce script  principe de ce script  le script lui-meme  demonstration du script  telechargement du script

  Fonction
Le but de ce script est de trouver quel est le navigateur du visiteur.
Cela peut être pratique pour lancer une action, un script si certains navigateurs peuvent poser des problèmes.
  Principe
On intercepte tout simplement parmi l'objet navigator' (représentant le navigateur) le nom de ce navigateur, et sa version.
  Le script
dans la partie <head>
<script language="JavaScript">
function cherche_navigateur() {

// on crée la variable qui accueillera le message relatif au navigateur
var navigateur = "";

// Attention, l'ordre de recherche est important !! Parce que IE reprend la mention 'Mozilla' et Opera reprend la mention 'MSIE' !!
// on teste si on trouve la mention 'Opera...' dans le nom du navigateur
if ( navigator.userAgent.indexOf('Opera 5') != -1 ) { navigateur = 'Opera 5.x'; }

// on teste si on trouve la mention 'MSIE...' dans le nom du navigateur
else if ( navigator.userAgent.indexOf('MSIE 4.5') != -1 ) { navigateur = 'Microsoft Internet Explorer 4.5'; }
else if ( navigator.userAgent.indexOf('MSIE 5.0') != -1 ) { navigateur = 'Microsoft Internet Explorer 5.0'; }
else if ( navigator.userAgent.indexOf('MSIE 5.5') != -1 ) { navigateur = 'Microsoft Internet Explorer 5.5'; }

// on teste si on trouve la mention 'Mozilla...' dans le nom du navigateur
else if ( navigator.userAgent.indexOf('Mozilla/3.0') != -1 ) { navigateur = 'Netscape Navigator 3.0'; }
else if ( navigator.userAgent.indexOf('Mozilla/4.0') != -1 ) { navigateur = 'Netscape Communicator 4.0'; }
else if ( navigator.userAgent.indexOf('Mozilla/4.5') != -1 ) { navigateur = 'Netscape Communicator 4.5x'; }
else if ( navigator.userAgent.indexOf('Mozilla/4.7') != -1 ) { navigateur = 'Netscape Communicator 4.7x'; }
else if ( navigator.userAgent.indexOf('Mozilla/5.0') != -1 ) { navigateur = 'Netscape Communicator 6.0'; }

// si rien n'a été reconnu...
else { navigateur = 'Inconnu'; }

// on affecte la variable 'navigateur' au formulaire
document.formulaire.navigateur.value = navigateur;
}

//----- La fonction suivante est totalement indépendante de la précédente et vice versa

function cherche_navigateur_simple() {

// on crée la variable qui accueillera le message relatif au navigateur
var navigateur = "";

// Attention, l'ordre de recherche est important !! Parce que IE reprend la mention 'Mozilla' et Opera reprend la mention 'MSIE' !!
// on teste si on trouve la mention 'Opera...' dans le nom du navigateur
if ( navigator.userAgent.indexOf('Opera 5') != -1 ) { navigateur = 'Vous utilisez un navigateur alternatif'; }

// on teste si on trouve la mention 'MSIE' dans le nom du navigateur
else if ( navigator.userAgent.indexOf('MSIE') != -1 ) { navigateur = 'Vous utilisez un produit Microsoft !!'; }
else if ( navigator.userAgent.indexOf('Mozilla') != -1 ) { navigateur = 'Vous utilisez un produit Netscape !!'; }

// si rien n'a été reconnu...
else { navigateur = 'Vous utilisez un navigateur alternatif'; }

// on affecte la variable 'navigateur' au formulaire
document.formulaire.navigateur2.value = navigateur;
}
</script>

dans la partie <body>
<form name="formulaire">
On cherche précisément le navigateur et sa version :
<input type="button" value="Afficher le navigateur" OnClick="cherche_navigateur();">
<input type="text" name="navigateur" size="30">

On détermine simplement si c'est Netscape, Internet Explorer ou un autre :
<input type="button" value="Afficher le navigateur (simple)" OnClick="cherche_navigateur_simple();">
<input type="text" name="navigateur2" size="40">
</form>
  Démonstration

On cherche précisément le navigateur et sa version :



On détermine simplement si c'est Netscape, Internet Explorer ou un autre :



  Téléchargement
Ce script est disponible en deux versions :
  • le script est intégré à la page où il agit,
  • le script est dans un fichier séparé de la page où il agit (fichier.js et fichier.html).

    L'intérêt d'un script dans un fichier séparé est de pouvoir le partager entre plusieurs pages html.
    Cela permet aussi de le rendre inaccessible à toute personne qui souhaiterai l'enregistrer pour une autre utilisation.
  • Script intégré :
    user_nav.zip
    1 Ko
    telechargez le script telechargez le script
    Script séparé :
    user_nav2.zip
    2 Ko
    Recherche
    aide sur la recherche
    hit-parade
    Votez TOP Ouaibe !

    statistiques
    aide sur les contacts aide sur la mailing-list aide sur la newsletter