innerHTML pour les object dans IE

Version imprimable

Bonjour � tous,

J'ai un petit soucis, je vous plante le d�cor.
J'ai une page qui affiche diff�rent bouton. Lorsque l'on clique dessus, cela lance une fonction javascript qui me remplie un div :
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 function addLecteurVideo(varVideoSrc) { var varLecteur = '<br><object id="myLecteur" type="application/x-shockwave-flash" data="http://flv-player.net/medias/player_flv_maxi.swf" width="640" height="480">'; varLecteur += '<param name="movie" value="http://flv-player.net/medias/player_flv_maxi.swf" />'; varLecteur += '<param name="allowFullScreen" value="true" />'; varLecteur += '<param name="FlashVars" value="flv='; varLecteur += '<?php echo $racine . "/Galerie/Videos/"; ?>'+varVideoSrc; varLecteur += '&title=Crevette&width=640&height=480&autoplay=1&autoload=1&showstop=1&showvolume=1&showtime=1&showplayer=always&showfullscreen=1&buffer=10&buffermessage=Chargement _n_&ondoubleclick=fullscreen&showiconplay=1&iconplaybgalpha=50&showmouse=autohide&showtitleandstartimage=1" />'; varLecteur += '</object>'; document.getElementById("cadreCenterImage").innerHTML = varLecteur; }
Pour ce lecteur, le fichier flv se passe en argument dans les param�tres. Du coup, pour chaque bouton, j'appelle cette m�thode avec l'argument appropri� pour afficher la vid�o voulu.
Sous FireFox, aucun probl�me, par contre, sous IE8 j'ai un gros soucis : la vid�o ne s'affiche pas :?

J'ai comme l'impression que IE n'interpr�te pas le code <object> que je lui donne. Je vois le lecteur, mais vide, comme si il n'avait pas charger la vid�o.
J'ai essey� avec diff�rent lecteur, de diff�rente fa�on, toujours pareil.
Si quelqu'un a une id�e pour r�gler mon probl�me...

Par avance merci.

EDIT: "cadreCenterImage" est un div (je sais qu'il existe un bug avec innerHTML et IE quand le innerHTML n'est pas sur un div).

07/09/2009, 16h53
SpaceFrog

innerHTML sux !
en plus pour des balises object !
passe par la cr�ation Dynamique au moyen du DOM
07/09/2009, 17h06
LaGuite

Citation:

Envoy� par SpaceFrog

innerHTML sux !
en plus pour des balises object !
passe par la cr�ation Dynamique au moyen du DOM

Merci pour ton intervention.

J'ai oubli� de pr�cis� que j'�tais novice en javascript. Je n'ai jamais entendu parler du DOM !!!
Est ce que �a reste du javascript ?
En faisant une recherche vite fais, je trouve pas grand chose � ce sujet.

Pourrais tu me donner une piste du comment il faudrait faire, je chercherais � impl�menter tout �a sans probl�me.

Par avance merci.
07/09/2009, 17h17
SpaceFrog

fais une recherche avec

Code:

document.createElement('object')

sinon :
http://www.developpez.net/forums/d53...ynamique-form/

Je connaissais absolument pas, en tout cas je note pour mes futurs dev : innerHTML c'est le mal.

Cependant :lol:
�a marche pas... le pire, c'est que �a marche plus sur FF aussi.
Mon lecteur apparait bien, les param�tres sont correctes, le fichier flv en param�tre est correcte, pourtant.... voici le code :

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
 
	var mondiv = document.createElement("div");
	var monLecteur = document.createElement("object");
	monLecteur.setAttribute("id","myLecteur");
	monLecteur.setAttribute("type","application/x-shockwave-flash");
	monLecteur.setAttribute("data","http://flv-player.net/medias/player_flv_maxi.swf");
	monLecteur.setAttribute("width","640");
	monLecteur.setAttribute("height","480");
 
	var monLecteurParam1 = document.createElement("param");
	monLecteurParam1.setAttribute("name","movie");
	monLecteurParam1.setAttribute("value","http://flv-player.net/medias/player_flv_maxi.swf");
 
	var monLecteurParam2 = document.createElement("param");
	monLecteurParam2.setAttribute("name","allowFullScreen");
	monLecteurParam2.setAttribute("value","true");
 
	var monLecteurParam3 = document.createElement("param");
	monLecteurParam3.setAttribute("name","FlashVars");
	monLecteurParam3.setAttribute("value",'flv="<?php echo $racine . "/Galerie/Videos/"; ?>'+varVideoSrc+'&amp;title=Crevette&amp;width=640&amp;height=480&amp;autoplay=1&amp;autoload=1&amp;showstop=1&amp;showvolume=1&amp;showtime=1&amp;showplayer=always&amp;showfullscreen=1&amp;buffer=10&amp;buffermessage=Chargement _n_&amp;ondoubleclick=fullscreen&amp;showiconplay=1&amp;iconplaybgalpha=50&amp;showmouse=autohide&amp;showtitleandstartimage=1"');
 
 
	monLecteur.appendChild(monLecteurParam1);
	monLecteur.appendChild(monLecteurParam2);
	monLecteur.appendChild(monLecteurParam3);
	mondiv.appendChild(monLecteur);
 
	document.getElementById("cadreCenterImage").appendChild(mondiv);

PS: ce code fonctionne pourtant puisque si j'appelle cette m�thode plusieurs fois, je me retrouve avec plusieurs lecteur:mrgreen:

07/09/2009, 17h32
SpaceFrog

"�a marche pas" est un symptome un peu vague ...

je ne pense pas que tu ailles voir ton g�n�raliste en lui disant juste "je suis malade"

...
07/09/2009, 17h38
LaGuite

Citation:

Envoy� par SpaceFrog

"�a marche pas" est un symptome un peu vague ...

je ne pense pas que tu ailles voir ton g�n�raliste en lui disant juste "je suis malade"

...

Wai je suis d'accord avec toi... m�hacoulpa, je craque.

Lorsque j'utilise ce code, je remarque que mes noeuds sont bien ajout� dans mon html (les noeuds sont correctes).
Pourtant � l'affichage :
-sous IE : je n'ai rien (pas de lecteur apparant)
-sous FF: j'ai le lecteur, mais les param�tres ne sont pas pris en compte (manque des boutons, manque la vid�o)

J'ai du mal � fournir plus d'information puisqu'il ne se passe rien d'autre. J'ai juste l'impression que l'object n'est pas charg�.
Il l'ajoute dans le html, mais l'interpr�te pas.
07/09/2009, 18h03
LaGuite

En utilisant le DOM

J'ai simplifi� tout ce syst�me de param�tre, je me retrouve avec le minimum : le lien vers le flv

Sous FF �a fonctionne : exactement pareil qu'avec innerHTML
Sous IE mon n'object n'est pas charger : carr� blanc (fond de mon div) lorsque je fais clique droit dessus j'ai le menu adobe avec : animation non charg�e... (en gris non s�l�ctionnable).

En gros, DOM ou innerHTML, le r�sultat est le m�me, IE n'arrive pas a charger mon object.

Je suis peut �tre partit dans une mauvaise direction, il existe peut etre une fa�on plus simple de faire ce que je souhaite.
Dans tout les cas, je comprends pas pourquoi IE n'arrive pas � lire ma vid�o.
07/09/2009, 18h13
LaGuite

Mazette, j'ai trouv�....

Enfin je pense avoir une explication.

C'est li�e au faite que le swf (le lecteur) ne se trouve pas sur mon serveur.
En effet, dans ce code, il utilise un swf localis� sur un autre site.

Code:

<param name="movie" value="http://flv-player.net/medias/player_flv_maxi.swf" />

J'ai diminu� au maximum le code pour comprendre, j'ai donc utiliser un autre player que j'ai uploader en local et dont l'utilisation se fait :

Code:

<param name="movie" value="player.swf" />

Et la miracle, sous IE comme sous FF, �a fonctionne.

Va savoir pourquoi � chaud (en utilisant DOM ou innerHTML) il n'arrive pas a recharger un lecteur qui se trouve sur un autre site...

En tout cas, �a n'a pas �t� simple, et encore merci � SpaceFrog de m'avoir fait d�couvrir le DOM.