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

jQuery Discussion :

animate : cross browser ?


Sujet :

jQuery

  1. #1
    Membre éclairé
    Profil pro
    Inscrit en
    Avril 2006
    Messages
    530
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Avril 2006
    Messages : 530
    Par défaut animate : cross browser ?
    Bonjour à tous,

    Je cherche à animer l'opacité d'une Div avec animate.

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
     
    afficheOption=function(num){
     
    if($("#option1_"+num).attr('checked')){
    $("#divImg_"+num).animate({opacity : 1});
    }else{
    $("#divImg_"+num).animate({opacity : 0.25});
    };
     
    };
    Cela fonctionne avec FF mais pas avec IE6...

    jQuery étant crossBrowser pour IE6, FF2, etc.. j'ai eu le tort de supposer que cela allait fonctionner sur tous ces navigateurs en m'évitant la galère de traiter les navigateurs au cas par cas.

    quelqu'un connait-il un moyen d'animer l'opacité d'une Div sur tous les navigateurs compatibles avec la dernière version de jQuery ?

    Il y a un exemple d'animation d'opacité sur :
    http://api.jquery.com/animate/

    Mais cet exemple ne fonctionne pas lorsque l'on utilise IE6...

    Merci d'avance pour vos réponses.

  2. #2
    Rédacteur/Modérateur

    Avatar de SpaceFrog
    Homme Profil pro
    Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Inscrit en
    Mars 2002
    Messages
    39 659
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 75
    Localisation : Royaume-Uni

    Informations professionnelles :
    Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Secteur : Industrie

    Informations forums :
    Inscription : Mars 2002
    Messages : 39 659
    Billets dans le blog
    1
    Par défaut
    IE6 encore 7,2% on n'a pas encore réussi à le tuer complètement ???
    Ma page Developpez - Mon Blog Developpez
    Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts)
    Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir...
    Votre post est résolu ? Alors n'oubliez pas le Tag

    Venez sur le Chat de Développez !

  3. #3
    Membre éclairé
    Profil pro
    Inscrit en
    Avril 2006
    Messages
    530
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Avril 2006
    Messages : 530
    Par défaut
    Non on a pas encore réussi...

    et quand on aura réussi ce sera IE7 qui sera complètement obsolète et qui sera utilisé par 80% des gens alors faut pas perdre l'habitude...

    D'ailleurs IE7 (ou 8) sont déjà obsolete puisqu'ils ne connaissent pas les balises pour la vidéo de HTML5... donc c'est pas gagné.

    Bon ça ne résoud pas mon problème, j'ai essayé comme ça mais ça marche pas mieux :

    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
     
    if($("#option1_"+num).attr('checked')){
     
            $("#divImg_"+num).css("filter","alpha(opacity=25)");
            $("#divImg_"+num).css("-moz-opacity", 0.25);
            $("#divImg_"+num).css("-khtml-opacity", 0.25);
            $("#divImg_"+num).css("opacity", 0.25);
     
    }else{
            $("#divImg_"+num).css("filter","alpha(opacity=100)");
            $("#divImg_"+num).css("-moz-opacity", 1);
            $("#divImg_"+num).css("-khtml-opacity", 1);
            $("#divImg_"+num).css("opacity", 1);	
     
    };
    une idée ?

  4. #4
    Rédacteur

    Avatar de danielhagnoul
    Homme Profil pro
    Étudiant perpétuel
    Inscrit en
    Février 2009
    Messages
    6 389
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 74
    Localisation : Belgique

    Informations professionnelles :
    Activité : Étudiant perpétuel
    Secteur : Enseignement

    Informations forums :
    Inscription : Février 2009
    Messages : 6 389
    Billets dans le blog
    125
    Par défaut
    Bonjour


    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    if ($("#option1_"+num).attr('checked')){
     
    	// http://api.jquery.com/fadeTo/
    	$("#divImg_"+num).fadeTo("fast", 1);
    } else {
     
    	// éviter le fadeTo 0 ! jQuery utilise filter pour pallier l'ignorance d'opacity par IE
    	$("#divImg_"+num).fadeTo("fast", 0.25);
    };

    Blog

    Sans l'analyse et la conception, la programmation est l'art d'ajouter des bogues à un fichier texte vide.
    (Louis Srygley : Without requirements or design, programming is the art of adding bugs to an empty text file.)

  5. #5
    Membre éclairé
    Profil pro
    Inscrit en
    Avril 2006
    Messages
    530
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Avril 2006
    Messages : 530
    Par défaut
    Bonjour danielhagnoul et merci de ta réponse.

    fadeTo fonctionne parfaitement

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. Recherche Programmeur Animal Crossing New Life
    Par Erdnal dans le forum Projets
    Réponses: 18
    Dernier message: 31/05/2007, 16h11
  2. [Cross Browser] CSS Dans option
    Par CUCARACHA dans le forum Mise en page CSS
    Réponses: 2
    Dernier message: 24/11/2005, 14h10
  3. [Javascript][CSS]Documentation Cross browser
    Par ld9474 dans le forum Mise en page CSS
    Réponses: 2
    Dernier message: 22/11/2005, 16h23
  4. [Cross-Browser] Couleur d'une image PNG
    Par [BkM-) dans le forum Balisage (X)HTML et validation W3C
    Réponses: 3
    Dernier message: 17/11/2005, 21h00

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