Discussion :

[LaGuite]

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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 += '&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" />';
	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).

[SpaceFrog]

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

[LaGuite]

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.

[SpaceFrog]

fais une recherche avec

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

document.createElement('object')

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

[LaGuite]

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

Cependant
ç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 :

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

[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"

...