blog sur le développement web, jquery,css3, Magento, Symphony, php et bien d'autres choses

Articles tagués ‘ie’

Internet Explorer : hide() , show() un element html sous IE

si vous utilisez la librairie prototype, peut être avez vous déja utilisé les fonctions hide() et show() pour faire apparaitre ou disparaitre un élément html. Hors ceci n’est pas compatible avec internet explorer.

Pour montrer l’element :

element.style.visibility = 'visible';
element.style.display = '';

pour le cacher :

element.style.display = 'none';

voila le tour est joué

Publicités

Javascript : détecter l’utilisation du navigateur microsoft internet explorer

Ce code javascript vous permet de détecter si l’internaute qui visite votre site web utilise (malheureusement) internet explorer:

<script text="javascript" >
    var detect = navigator.appName.toLowerCase();
    if (detect == 'microsoft internet explorer') {
        alert('please use Firefox or Chrome');
       // retour a la page visitee précédement
       history.back();
    }
</script>

Dans la même série je vous propose cette article sur la gestion des feuilles de style en fonction des navigateurs

Javascript : debuger du javascript sous ie (internet explorer)

Pour ceux qui souhaitent debuger du javascript sous  cette sal!*$:! d’internet explorer,  il suffit d’inclure ce script sur la page à tester.

<script type='text/javascript' 
src='http://getfirebug.com/releases/lite/1.2/firebug-lite-compressed.js'>
</script>

ceci va vous lancer firebug-lite, le petite frere de firebug pour IE.

Pour ma part, ça m’a bien dépanné

Feuille de style, Navigateur web et problèmes de compatibilité

feuille de style CSS en fonction du navigateur

Je connaissais le problème de compatibilité des « feuille de style CSS » qui n’allaient pas avec certains navigateurs web et j’en avais peur, car c’est là la cause principale de la calvitie chez les web développeurs :D. J’ai donc écris cet article pour expliquer comment charger et sélectionner la bonne feuille de style CSS en fonction du navigateur web et de sa version pour éviter justement tout problème de compatibilité. Pour cela il est important de détecter la version du navigateur web du client pour charger la bonne feuille de style CSS. cela évitera bien des problèmes d’affichage.

Aujourd’hui je m’aperçois qu’un de mes sites passe nickel sous internet explorer 8 = ie8 et Mozilla :fiou sauvé….non pas sauvé car sous internet explorer 7 alias ie7 mon site avait l’apparence d’un dessin d’enfant de cp. (bien que certains enfants de cp ont plus de gout que moi c’est sur :D) pour éviter tout problème d’affichage voici donc le code pour que la bonne feuille de style CSS soit prise en compte avec le bon navigateur web.

détection de la version du navigateur web du client et adapter la bonne feuille de style CSS

ces quelques ligne de code vont vous permettre de mettre en place un système de détection du navigateur. cette détection va récupérer la version du navigateur du client et il ne vous reste plus qu’a inclure la bonne feuille de style CSS.

//on pose la feuille de style css globale

<link rel= »stylesheet » href= »style.css » type= »text/css » />

// puis on test la version de ie dans le cas ou le client visite le site avec ie

<!–[if IE 7]>
<link rel= »stylesheet » href= »ie7.css » type= »text/css » />
<![endif]–>
<!–[if IE 8]>
<link rel= »stylesheet » href= »style.css » type= »text/css » />
<![endif]–>

autre méthode qui marche très bien, je l’ai testé ce matin même:

version PHP

<link rel= »stylesheet » href= »style.css » media= »screen » type= »text/css » />

<?php
if (ereg(« MSIE 7 », $_SERVER[« HTTP_USER_AGENT »]))
{

echo ‘<link rel= »stylesheet » href= »ie7.css » media= »screen » type= »text/css » />’;

}

?>

et pour aller plus loin dans la prise de tête avec internet explorer et les feuilles de style je vous conseil de télécharger et d’installer
IETester.

IEtester, la fin des problèmes de feuille de style CSS sous internet explorer

IETester est un emulateur de navigateur internet explorer de la version 5 au futures…..

parfait pour tester vos site et vous donner une idée du rendu. Il vous aidera à voir quelles feuille de style css charger en fonction de la version d’internet explorer