IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

JavaScript Discussion :

Lien sur image ie6


Sujet :

JavaScript

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre confirmé
    Inscrit en
    Avril 2005
    Messages
    93
    Détails du profil
    Informations forums :
    Inscription : Avril 2005
    Messages : 93
    Par défaut Lien sur image ie6
    Bonjour à tous,
    je viens vers vous concernant un petit problème apercu sur ie6. ( ff et ie7 ok)
    Lorsque je fais un lien de ce type:

    <a href="exemple.html"><img src="img/exemple.png" alt="" onmouseover="this.src='img/exemple2.png';" onmouseout="this.src='img/exemple.png';"/></a>

    je n'ai ni cursor "hand" qui s'affiche, ni le changement d'image.
    le lien quand à lui, est correct.

    Et ca fait ca, sur tous les onmouseover et onmouseout avec ie6.

    Avez vous une solution à proposer?
    par avance, merci.

  2. #2
    Membre confirmé
    Inscrit en
    Avril 2005
    Messages
    93
    Détails du profil
    Informations forums :
    Inscription : Avril 2005
    Messages : 93
    Par défaut
    Je viens de trouver pourquoi aucun lien sur une image ne marche sur ie6.

    En faite, j'utilise un javascript pour que ie <7 puisse gérer la transparance des png24.

    Lorsque je retire l'appel a ce script, biensur j'ai des pb sur la transparence, mais j'ai le pointer afficher, et les evenements (oumouseover et onmouseout) fonctionnent.

    Je sais pas si c'est modifiable, mais voici le script js 'png24_ie.js':

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    34
    35
    36
    37
    38
    39
    40
    41
    if (navigator.platform == "Win32" && navigator.appName == "Microsoft Internet Explorer" && window.attachEvent) {
            window.attachEvent("onload", alphaBackgrounds);
     
            document.writeln('<style type="text/css">img { visibility:hidden; } </style>');
            window.attachEvent("onload", fnLoadPngs);
    }
    // Sleight Background
    function alphaBackgrounds(){
            var rslt = navigator.appVersion.match(/MSIE (\d+\.\d+)/, '');
            var itsAllGood = (rslt != null && Number(rslt[1]) >= 5.5);
            for (i=0; i<document.all.length; i++){
                    var bg = document.all[i].currentStyle.backgroundImage;
                    if (itsAllGood && bg){
                            if (bg.match(/\.png/i) != null){
                                    var mypng = bg.substring(5,bg.length-2);
                                    document.all[i].style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='"+mypng+"', sizingMethod='scale')";
                                    document.all[i].style.backgroundImage = "url('/assets/images/x.gif')";
                            }
                    }
            }
    }
    // Sleight Simple
    function fnLoadPngs()
    {
            var rslt = navigator.appVersion.match(/MSIE (\d+\.\d+)/, '');
            var itsAllGood = (rslt != null && Number(rslt[1]) >= 5.5);
     
            for (var i = document.images.length - 1, img = null; (img = document.images[i]); i--)
            {
                    if (itsAllGood && img.src.match(/\.png$/i) != null)
                    {
                            var src = img.src;
                            var div = document.createElement("DIV");
                            div.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + src + "', sizing='scale')"
                            div.style.width = img.width + "px";
                            div.style.height = img.height + "px";
                            img.replaceNode(div);
                    }
                    img.style.visibility = "visible";
            }
    }

  3. #3
    Expert confirmé
    Avatar de le_chomeur
    Profil pro
    Développeur informatique
    Inscrit en
    Février 2006
    Messages
    3 653
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations professionnelles :
    Activité : Développeur informatique

    Informations forums :
    Inscription : Février 2006
    Messages : 3 653
    Par défaut
    sinon rajoute une class css pour indiquer que ce type de lien doit utiliser le cursor hand ...

  4. #4
    Membre confirmé
    Inscrit en
    Avril 2005
    Messages
    93
    Détails du profil
    Informations forums :
    Inscription : Avril 2005
    Messages : 93
    Par défaut
    j'y ai pensé, mais j'aurais toujours mon pb de "onmouseover" et "onmouseout"...

  5. #5
    Expert confirmé
    Avatar de le_chomeur
    Profil pro
    Développeur informatique
    Inscrit en
    Février 2006
    Messages
    3 653
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations professionnelles :
    Activité : Développeur informatique

    Informations forums :
    Inscription : Février 2006
    Messages : 3 653
    Par défaut
    tu laisses ton script + le css qui gère le curseur

  6. #6
    Membre confirmé
    Inscrit en
    Avril 2005
    Messages
    93
    Détails du profil
    Informations forums :
    Inscription : Avril 2005
    Messages : 93
    Par défaut
    ah bon, parce que c'est le pointer hand, qui déclenche les evenements js?
    je vais essayer, je trouve ca drole mais bon...

Discussions similaires

  1. lien sur image pour ouverture pop up
    Par nahkira dans le forum Général JavaScript
    Réponses: 8
    Dernier message: 31/12/2006, 19h39
  2. gerer lien sur image par css : possible ou pas?
    Par michka999 dans le forum Mise en page CSS
    Réponses: 6
    Dernier message: 17/08/2006, 16h01
  3. PB lien sur image sous IE, pas sous Firefox.
    Par django29 dans le forum Balisage (X)HTML et validation W3C
    Réponses: 2
    Dernier message: 09/08/2006, 15h54
  4. CSS Liens sur images
    Par FRANCKYIV dans le forum Mise en page CSS
    Réponses: 2
    Dernier message: 26/04/2006, 22h14

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo