jquery + swfobject + ie

Version imprimable

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:

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:

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

11/05/2009, 19h15
danielhagnoul
Bonsoir.

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

Un détail attire cependant mon attention, vous triplez le contenu html :
Code:

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:

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 ?

Salut,

oui c'est normal car je veux effectivement tripler.

maintenant le code complet:

Code:

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>

J'ai une solution alternative qui est de mettre les paramètres dans l'url.

Code:

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