Sahid Ferdjaoui Blog - Funraill Foundation Bienvenue, Log in - thème 2007 RC1

Powered by OpenSource Softwares

Outil de déboggage colaborative
reduire

Changez pour Firefox

le 15 avril 2006 par sahid

Script permettant la détection d’Internet Explorer et conseille à ses utilisateurs, l’utilisation de Firefox

Technologie utilisez:

  • Html
  • Javascript
  • CSS

  1. Code javascript placer entre les balises
    1. <head></head>

    1. <script language=“javascript” type=“text/javascript”>
    2.         var Navigateur  = navigator.appName;
    3.         if(Navigateur == “Microsoft Internet Explorer”){
    4.                 function fenetre(){          
    5.                         var fenetre = document.getElementById(‘fenetre’);
    6.                         if(fenetre){
    7.                                 fenetre.style.display = ‘block’;
    8.                         };
    9.                 }
    10.         window.onload = fenetre;
    11. }
    12. </script>

  2. Code CSS Ã placer entre les balises
    1. <head></head>

    ou dans votre fichier CSS

    1. <style type=“text/css”>
    2.                         div#fenetre {
    3.                                 display:none;
    4.                                 position: absolute;
    5.                                 top: 200px;
    6.                                 left: 100px;
    7.                                 width: 340px;
    8.                                 border: 1px solid #CCC;
    9.                                 background: #F8F8F8;
    10.                                 z-index: 1;
    11.                                 font-family: Arial, Helvetica, sans-serif;
    12.                                 text-align:left;
    13.                         }
    14.                         div#fenetre h1 {
    15.                                 padding-left:15px;
    16.                                 font-size:14px;
    17.                                 font-family: Verdana, Arial, Helvetica, sans-serif;
    18.                                 color:#000;
    19.                                 text-align:left;
    20.                         }
    21.                         div#fenetre p {
    22.                                 padding-left:5px;
    23.                                 padding-right:5px;
    24.                                 font-size:12px;
    25.                         }
    26.                         div#fenetre div#fermer{
    27.                                 margin-top:10px;
    28.                                 font-size:12px;
    29.                                 text-align:left;
    30.                                 cursor: pointer;
    31.                                 background-color:#999;
    32.                                 width:100px;
    33.                                 text-align:center;
    34.                                 padding:4px;
    35.                                 border: 1px solid #2F2F2F;
    36.                         }
    37.                         div#fenetre div#telecharger {
    38.                                 background-color:#CCC;     
    39.                         }
    40.                         div#fenetre div#titre {
    41.                                 padding:3px 0px 3px 5px;
    42.                                 background-color:#555;
    43.                                 border-bottom:2px solid #CCC;
    44.                                 font-family: Verdana, Arial, Helvetica, sans-serif;
    45.                                 font-size: 12px;
    46.                                 font-weight: bold;
    47.                                 color:#FFF;
    48.                         }
    49.                 </style>

  3. Code HTML Ã placer tout en bas de votre page, juste avant la balise
    1. <body></body>

    1. <div id=“fenetre”>
    2.         <div id=“titre”>D&eacute;tection de votre navigateur</div>
    3.                 <h1>Vous utilisez Internet Explorer</h1>
    4.                         <p>Internet Explorer est un navigateur ne respectant pas les normes W3C,
    5.                                 ces normes sont libres et permettent un acc&egrave;s &agrave; des personnes atteintes d’un handicap physique,
    6.                                 moteur ou neurophysiologique,
    7.                                 de plus l’utilisation de ces normes permet une interop&eacute;rabilit&eacute; et une portabilit&eacute; certifi&eacute;e.
    8.                         </p>
    9.         <div style=“float:left”>
    10.                 <script type=“text/javascript”>
    11.                         <!–
    12.                         google_ad_client = "pub-8070064417713294";
    13.                         google_ad_width = 110;
    14.                         google_ad_height = 32;
    15.                         google_ad_format = "110×32_as_rimg";
    16.                         google_cpa_choice = "CAAQm4X7zwEaCLiCaAp7VchNKM2JwXU";
    17.                         //–>
    18.                 </script>
    19.                 <script type=“text/javascript” src=“http://pagead2.googlesyndication.com/pagead/show_ads.js”>
    20.                 </script>
    21.         </div>
    22.                 <p>Ainsi pour soutenir la libre information nous vous recommandons l’utilisation de Firefox,
    23.                         Vous pouvez t&eacute;l&eacute;charger gratuitement ce logiciel libre sur le site officiel
    24.                         <a href=“http://www.mozilla.com” target=“_blank”>Mozilla.com</a>
    25.                         ou en utilisant le lien sponsoris&eacute;.
    26.                 </p>
    27.         <div id=“fermer”>
    28.                 <a onclick=“document.all.fenetre.style.display =’none’”>Fermer</a>
    29.         </div>
    30. </div>

Tableau de bord