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 :

jquery + swfobject + ie


Sujet :

jQuery

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre confirmé
    Inscrit en
    Décembre 2004
    Messages
    131
    Détails du profil
    Informations forums :
    Inscription : Décembre 2004
    Messages : 131
    Par défaut jquery + swfobject + ie
    Hello,

    Je charge du flash avec swfobject. Tout fonction sous ie et javascript.

    Par contre, j'ai intégré un effet scroll avec jquery.

    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
     
    function createFlash(url, div)
     {
         if(url != "")
         {
            var so = new SWFObject(url, 'FC_Lien1', '243', '136', '8', 'transparent');
    		so.addParam('quality','high');
    		so.addParam('wmode','transparent');
     
            var Variable = document.getElementById('monID').value;
            var VariableUrl = document.getElementById('Url').value;
     
            so.addVariable("id", Variable);
            so.addVariable("url", VariableUrl);
     
            so.write(div);
         }
     }
    La partie du code jquery qui pose problème est la suivante :

    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
     
          $(document).ready(function(){
     
    	$(".home-scroller-left").show();
    	$(".home-scroller-right").show();
     
    	$(".home-scroller-wrapper").width(509);
     
    	items = $(".home-scroller-wrapper ul li").size();
     
    	$(".home-scroller-wrapper").css({overflow:'hidden'});
     
    	repeat = $(".home-scroller-wrapper ul").html();
     
    	repeat = repeat+repeat;
     
    	$(".home-scroller-wrapper ul").append(repeat);
    	ulWidth= items * 3 * ($(".home-scroller-wrapper ul li").width()+6);
     
    	$(".home-scroller-wrapper ul").css({width:ulWidth,position:'relative',left:-(ulWidth/3)});
     
    	$(".home-scroller-left a").click(function(){x=1; moveOne();});
    	$(".home-scroller-right a").click(function(){x=-1; moveOne();});
     
    });
    Apparemment, sous ie, je perds les paramètres passé au flash.
    car dans mon $(".home-scroller-wrapper ul").html();
    j'ai <PARAM NAME="FlashVars" VALUE="">

    Comment puis-je donc conserver ses paramètres.
    merci

  2. #2
    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
    Bonsoir.

    Il est difficile de vous aider sans l'exemple complet.

    Un détail attire cependant mon attention, vous triplez le contenu html :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
     
    var replat = $ (".home-scroller-wrapper ul") .html  ();
     
    repeat = repeat+repeat;
     
    $(".home-scroller-wrapper  ul").append(repeat);
    Si vous souhaitez uniquement le doubler :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
     
    $(".home-scroller-wrapper ul").append($(".home-scroller-wrapper ul").html());
    En triplant ou en doublant le code html vous avez donc 2 ou 3 fois la même ligne <PARAM ...>, est-ce normal ?

    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.)

  3. #3
    Membre confirmé
    Inscrit en
    Décembre 2004
    Messages
    131
    Détails du profil
    Informations forums :
    Inscription : Décembre 2004
    Messages : 131
    Par défaut
    Salut,

    oui c'est normal car je veux effectivement tripler.

    maintenant le code complet:

    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
    42
    43
    44
    45
    46
    47
    48
    49
    50
    51
    52
    53
    54
    55
    56
    57
    58
    59
    60
    61
    62
    63
    64
    65
    66
    67
    68
    69
    70
    71
    72
    73
    74
    75
    76
    77
    78
    79
    80
    81
    82
    83
    84
    85
    86
    87
    88
    89
    90
    91
     
    <head>
    <script type="text/javascript" charset="utf-8">
    $(document).ready(function(){
     
    	$(".home-scroller-left").show();
    	$(".home-scroller-right").show();
     
    	$(".home-scroller-wrapper").width(509);
     
    	items = $(".home-scroller-wrapper ul li").size();
     
    	$(".home-scroller-wrapper").css({overflow:'hidden'});
     
    	repeat = $(".home-scroller-wrapper ul").html();
     
    	repeat = repeat+repeat;
     
    	$(".home-scroller-wrapper ul").append(repeat);
    	ulWidth= items * 3 * ($(".home-scroller-wrapper ul li").width()+6);
     
    	$(".home-scroller-wrapper ul").css({width:ulWidth,position:'relative',left:-(ulWidth/3)});
     
    	$(".home-scroller-left a").click(function(){x=1; moveOne();});
    	$(".home-scroller-right a").click(function(){x=-1; moveOne();});
     
    });
    </script>
    </head>
     
    <body>
        <div class="home-offers">
            <div class="home-scroller">
                <div class="home-scroller-left jsonly">
                    <a>
                        <img id="ImgGoLeft" src="~/image/left.gif"
                            alt="Offre précédente" style="height: 142px; width: 23px; border-width: 0px;" /></a>
                </div>
                <div class="home-scroller-wrapper">
                    <ul>
                        <li>
                            <div id="Div1">
                            </div>
                        </li>
                        <li>
                            <div id="Div2">
                            </div>
                        </li>
                        <li>
                            <div id="Div3">
                            </div>
                        </li>
                        <li>
                            <div id="Div4">
                            </div>
                        </li>
                    </ul>
                </div>
                <div class="home-scroller-right jsonly">
                    <a>
                        <img id="ImgGoRight" src="~/image/right.gif"
                            alt="Offre suivante" style="height: 142px; width: 23px; border-width: 0px;" />
                    </a>
                </div>
            </div>
        </div>
        <script type="text/javascript">
        createFlash("url1.swf", Div1);
        createFlash("url2.swf", Div2);
        createFlash("url1.swf", Div3);
        createFlash("url2.swf", Div4);
        function createFlash(url, div)
         {
             if(url != "")
             {
                var so = new SWFObject(url, 'FC_Lien1', '243', '136', '8', 'transparent');
    		    so.addParam('quality','high');
    		    so.addParam('wmode','transparent');
     
                var Variable = document.getElementById('monID').value;
                var VariableUrl = document.getElementById('Url').value;
     
                so.addVariable("id", Variable);
                so.addVariable("url", VariableUrl);
     
                so.write(div);
             }
         }
     
        </script>
    </body>

  4. #4
    Membre confirmé
    Inscrit en
    Décembre 2004
    Messages
    131
    Détails du profil
    Informations forums :
    Inscription : Décembre 2004
    Messages : 131
    Par défaut
    J'ai une solution alternative qui est de mettre les paramètres dans l'url.


    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
     
     
    function createFlash(url, div)
         {
             if(url != "")
             {
    var Variable = document.getElementById('monID').value;
                var VariableUrl = document.getElementById('Url').value;
     
    var param = "?idpdv=" + Variable + "&url=" + VariableUrl;
            var so = new SWFObject(repSite + url + param, 'FC_Lien1', '243', '136', '8', 'transparent');so.addParam('quality','high');so.addParam('wmode','transparent');
     
     
                var so = new SWFObject(url + param , 'FC_Lien1', '243', '136', '8', 'transparent');
    		    so.addParam('quality','high');
    		    so.addParam('wmode','transparent');
     
     
                so.addVariable("id", Variable);
                so.addVariable("url", VariableUrl);
     
                so.write(div);
             }
         }
    Le problème en lui même (flashvar disparait après innerHTML) n'est pas résolu mais je ferme quand même le sujet.

    Merci

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

Discussions similaires

  1. [JQuery] Encore cache et IE7 mais..
    Par popogendarme dans le forum jQuery
    Réponses: 6
    Dernier message: 29/05/2007, 18h05
  2. swfObject, probleme ;(
    Par luta dans le forum Flash
    Réponses: 2
    Dernier message: 10/05/2007, 12h25
  3. flash et swfobject
    Par brunoaimej dans le forum Flash
    Réponses: 3
    Dernier message: 20/04/2007, 08h16
  4. [js]problèmes avec jquery
    Par pomgnon dans le forum jQuery
    Réponses: 3
    Dernier message: 30/03/2007, 20h47
  5. [JQUERY] Comment appeler une fonction php avec jquery
    Par popogendarme dans le forum jQuery
    Réponses: 1
    Dernier message: 20/03/2007, 16h07

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