ALL HTML - Changez pour Firefox

retour

Changez pour Firefox

Article publié le samedi 22 avril 2006 par Sahid.
Cet article est classé dans les catégories « CSS, Javascript, XHTML »

Script qui permet la détection d?Internet Explorer et conseille à ses utilisateurs l?utilisation de Firefox.

Changez pour Firefox

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

exemple en image
ou
connectez vous avez IE sur [url=http://sahid.funraill.info]http://sahid.funraill.info

Technologie utilisez:

* Html
* Javascript
* CSS

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


      <script language="javascript" type="text/javascript">
      var Navigateur = navigator.appName;
      if(Navigateur == "Microsoft Internet Explorer"){
      function fenetre(){
      var fenetre = document.getElementById('fenetre');
      if(fenetre){
      fenetre.style.display = 'block';
      };
      }
      window.onload = fenetre;
      }
      </script>

2.
Code CSS à placer entre les balises <head></head> ou dans votre fichier CSS


      <style type="text/css">
      div#fenetre {
      display:none;
      position: absolute;
      top: 200px;
      left: 100px;
      width: 340px;
      border: 1px solid #CCC;
      background: #F8F8F8;
      z-index: 1;
      font-family: Arial, Helvetica, sans-serif;
      text-align:left;
      }
      div#fenetre h1 {
      padding-left:15px;
      font-size:14px;
      font-family: Verdana, Arial, Helvetica, sans-serif;
      color:#000;
      text-align:left;
      }
      div#fenetre p {
      padding-left:5px;
      padding-right:5px;
      font-size:12px;
      }
      div#fenetre div#fermer{
      margin-top:10px;
      font-size:12px;
      text-align:left;
      cursor: pointer;
      background-color:#999;
      width:100px;
      text-align:center;
      padding:4px;
      border: 1px solid #2F2F2F;
      }
      div#fenetre div#telecharger {
      background-color:#CCC;
      }
      div#fenetre div#titre {
      padding:3px 0px 3px 5px;
      background-color:#555;
      border-bottom:2px solid #CCC;
      font-family: Verdana, Arial, Helvetica, sans-serif;
      font-size: 12px;
      font-weight: bold;
      color:#FFF;
      }
      </style>

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


      <div id="fenetre">
      <div id="titre">D&eacute;tection de votre navigateur</div>
      <h1>Vous utilisez Internet Explorer</h1>
      <p>Internet Explorer est un navigateur ne respectant pas les normes W3C,
      ces normes sont libres et permettent un acc&egrave;s &agrave; des personnes atteintes d'un handicap physique,
      moteur ou neurophysiologique,
      de plus l'utilisation de ces normes permet une interop&eacute;rabilit&eacute; et une portabilit&eacute; certifi&eacute;e.
      </p>
      <div style="float:left">
      <script type="text/javascript"><!--
      google_ad_client = "pub-8070064417713294";
      google_ad_width = 110;
      google_ad_height = 32;
      google_ad_format = "110x32_as_rimg";
      google_cpa_choice = "CAAQm4X7zwEaCLiCaAp7VchNKM2JwXU";
      //--></script>
      <script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
      </script>
      </div><p>Ainsi pour soutenir la libre information nous vous recommandons l'utilisation de Firefox,
      Vous pouvez t&eacute;l&eacute;charger gratuitement ce logiciel libre sur le site officiel
      Mozilla.com ou en utilisant le lien sponsoris&eacute;.
      </p>
      <div id="fermer">Fermer</div>
      </div>

Sources de l'information : Sahid Ferdjaoui (Funraill Foundation)

Plus d'informations :

Funraill Foundation'Blog

VOS COMMENTAIRES ...

Commenter cette publication

Commentaire publié le mardi 11 juillet 2006 à 18 h 58 par flop25: Heu ! moi quand j'essaye il ne veut pas me fermer la fenêtre
Commentaire publié le samedi 15 juillet 2006 à 17 h 03 par Sahid: Bonjour flop25,
voila pour corriger

1. <div id=“fenetre”> 2. <div id=“titre”>Dé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ès à des personnes atteintes d’un handicap physique, 6. moteur ou neurophysiologique, 7. de plus l’utilisation de ces normes permet une interopérabilité et une portabilité certifié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élé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é. 26. </p> 27. <div id=“fermer”> 28. <a onclick=“document.all.fenetre.style.display =’none’”>Fermer</a> 29. </div> 30. </div>
ya eu un probleme quand j'ai poster la balise div id fermer a été interpreter

sinon:
http://sahid.funraill.info/changez-pour-firefox/
Commentaire publié le samedi 15 juillet 2006 à 19 h 05 par flop25: merci bien !
Commentaire publié le dimanche 24 décembre 2006 à 17 h 01 par dstephpr: Bonjour,
Bravo pour ce script, toutefois j'avais un probleme pour fermer la fenêtre, alors j'ai modifié un peu le script.
J'ai cherché longtemp car je suis amateur en javascript.
J'espere ne pas t'avoir offencé en modifiant le script.
J'ai installé le script à la fin de ma page existante avant la balise </html> et cela fonctionne.
Voici le script modifié.

<head>



<script language="javascript" type="text/javascript">
var Navigateur = navigator.appName; if(Navigateur == "Microsoft Internet Explorer")
function fenetre()
{
var fenetre = document.getElementById('fenetre');
if (fenetre) {fenetre.style.display = 'block';};
if (fenetre) {fenetre.onclick = function() {this.style.display = 'none';};};
}
window.onload = fenetre;
</script>





<style type="text/css">
div#fenetre { display:none; position: absolute; top: 200px; left: 100px; width: 340px; border: 1px solid #CCC; background: #F8F8F8; z-index: 1; font-family: Arial, Helvetica, sans-serif; text-align:left; }
div#fenetre h1 { padding-left:15px; font-size:14px; font-family: Verdana, Arial, Helvetica, sans-serif; color:#000; text-align:left; }
div#fenetre p { padding-left:5px; padding-right:5px; font-size:12px; }
div#fenetre div#fermer{ margin-top:10px; font-size:12px; text-align:left; cursor: pointer; background-color:#999; width:100px; text-align:center; padding:4px; border: 1px solid #2F2F2F; }
div#fenetre div#telecharger { background-color:#CCC; }
div#fenetre div#titre { padding:3px 0px 3px 5px; background-color:#555; border-bottom:2px solid #CCC; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color:#FFF; }
</style>



</head>

<body>



<div id="fenetre">
<div id="titre">Détection de votre navigateur</div>
<h1>Vous utilisez Internet Explorer</h1>
<p>Internet Explorer est un navigateur ne respectant pas les normes W3C,
ces normes sont libres et permettent un accès à des personnes atteintes d’un handicap physique,
moteur ou neurophysiologique,
de plus l’utilisation de ces normes permet une interopérabilité et une portabilité certifiée.
</p>
<div style="float:left">
<script type="text/javascript"></script>
<script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
</div>
<p>Ainsi pour soutenir la libre information nous vous recommandons l’utilisation de Firefox,
Vous pouvez télécharger gratuitement ce logiciel libre sur le site officiel
<a href="http://www.mozilla-europe.org/fr/" target="_blank">Mozilla.com</a>
ou en utilisant le lien sponsorisé.
</p>
<div id="fermer">
<a herf="fermer">fermer</a> </div>
</div>



</body>