[AJAX] contenu flash / requete GET php

Version imprimable

Bonjour,

Comment dire à AJAX que le lien contient un GET que PHP doit récupérer dans la page que je charge ?
De plus l'affichage de la page que je charge ne fonctionne pas correctement, il ne m'affiche pas le contenu flash.

Voici mon ajax.js

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
 
/*************************************************
    Fonction de definition de l'object xhr
**************************************************/
function new_xhr(){
    var xhr_object = null;
    if(window.XMLHttpRequest) // Firefox et autres
       xhr_object = new XMLHttpRequest();
    else if(window.ActiveXObject){ // Internet Explorer
       try {
                xhr_object = new ActiveXObject("Msxml2.XMLHTTP");
            } catch (e) {
                xhr_object = new ActiveXObject("Microsoft.XMLHTTP");
            }
    }
    else { // XMLHttpRequest non supporté par le navigateur
       alert("Votre navigateur ne supporte pas les objets XMLHTTPRequest...");
       xhr_object = false;
    }
    return xhr_object;
}
/*****************************************************
    Fonction qui va recharger le contenu
******************************************************/
function load_page(select) {
    var xhr2 = new_xhr();//On crée un nouvel objet XMLHttpRequest
    xhr2.onreadystatechange = function(){
        if ( xhr2.readyState == 4 ){//Actions executées une fois le chargement fini
            if(xhr2.status  != 200){//Message si il se preoduit une erreur
                document.getElementById("player_content").innerHTML ="Error code " + xhr2.status;
            } else {//On met le contenu du fichier externe dans la div "content"
                document.getElementById("player_content").innerHTML = xhr2.responseText;
            }
        } else {//Message affiché pendant le chargement
            document.getElementById("player_content").innerHTML = "Chargement en cours ...";
        }
    }
    xhr2.open("GET", "player.php", true);//Appel du fichier externe
    xhr2.send(null);
}

Le lien :

Code:

<a href="?flv=toto.flv" onclick="load_page(this.href);return false;">Lien</a><br />

Le code où s'affiche la page :

Code:

<div id="player_content"></div>

et ma page que je charge :

Code:

1
2
3
4
5
6
7
8
<div id="player">Video Flash</div>
<script type="text/javascript">
var so = new SWFObject('../player/player.swf','mpl','320','240','9');
so.addParam('allowscriptaccess','always');
so.addParam('allowfullscreen','true');
so.addParam('flashvars','&amp;file=videos/<?php echo $_GET['flv']; ?>&amp;frontcolor=FFFFFF&amp;lightcolor=cc9900&amp;skin=../player/overlay.swf&amp;bufferlength=5&amp;controlbar=over&amp;autostart=true');
so.write('player');
</script>

Vous avez remarqué le $_GET['flv'] dans ma page a chargé, mais il ne le recupere pas... depuis le lien.

Je débute en ajax, je dois manquer de parametres :)

17/07/2009, 13h01
Bovino

Code:

xhr2.open("GET", "player.php", true);

Un paramètre GET est transmis dans l'URL, toi tu n'en met pas :roll:

Code:

xhr2.open("GET", "player.php" + select, true);
17/07/2009, 13h20
thibotus01

J'obtiens une erreur la :

Citation:

Erreur*: uncaught exception: [Exception... "Component returned failure code: 0x805e000a [nsIXMLHttpRequest.open]" nsresult: "0x805e000a (<unknown>)" location: "JS frame :: ajax.js :: load_page :: line 37" data: no]
17/07/2009, 16h36
thibotus01

J'ai réussi avec comme url :<a href="?trailers/toto.flv">
et :

Code:

xhr2.open("GET", "player.php?flv=" + select.split('?')[1], true);

Mais il ne m'affiche pas le contenu flash de la page, j'ai le droit au texte qui le remplace en fait : <div id="player">Video Flash</div>
17/07/2009, 17h14
Bovino

C'est normal, le JavaScript n'est pas exécuté...
Il faut le récupéré et le passer par un eval. Mais bon, il serait préférable de créer le HTML directement coté serveur parce que là, eval + document.write, c'est à la fois laid et problématique !
17/07/2009, 18h34
thibotus01

Depuis taleur je tourne en rond sur le web, impossible de voir un exemple précis d'eval() avec ajax...

Déjà que le javascript cest pas mon fort, alors je ne comprend pas où placer exactement et avec quoi appeler cette fonction ?

Aucun exemple précis sur le web, je me suis rendu compte que c'était un probleme récurrent, enfin normal vu que le javascript sexecute uniquement côté client, et vu que ajax est coté serveur...

tout le monde parle d'utiliser eval(); mais sans exemple concret.

Une petite aide ? :o
17/07/2009, 21h49
thibotus01

Comment créer du contenu ? (sans charger une page externe donc)
22/07/2009, 11h35
thibotus01

J'ai finalement contourner le probleme sans générer de JS, j'affiche directement l'embed, meme si c'est pas très propre... Je trouverais une solution un jour.

Un autre soucis, j'aimerais récupérer deux variables :

player.php?flv=1VAR&sub=2var

Actuellement j'ai ca :

Code:

xhr2.open("GET", "player.php?flv=" + select.split('?')[1], true);//Appel du fichier externe

Une idée ?
22/07/2009, 12h25
Bovino

Citation:

Envoyé par thibotus01

J'ai finalement contourner le probleme sans générer de JS, j'affiche directement l'embed, meme si c'est pas très propre...

:roll: c'est quand même plus propre que de générer du JavaScript...

Citation:

Un autre soucis, j'aimerais récupérer deux variables :

player.php?flv=1VAR&sub=2var

Actuellement j'ai ca :

Code:

xhr2.open("GET", "player.php?flv=" + select.split('?')[1], true);//Appel du fichier externe

Une idée ?

Oui : la FAQ !
22/07/2009, 12h28
thibotus01

Merci

Code:

xhr2.open("GET", "player.php?flv=" + select.split('?')[1],"&" + select.split('&')[2], true);//Appel du fichier externe

Citation:

Envoyé par Bovino

:roll: c'est quand même plus propre que de générer du JavaScript...!

Flash en JS est plus propre niveau accessibilité...