Discussion :

[miine]

Bonjour,
Je rencontre un problème qui me laisse particulièrement perplexe, j'ai une fonction javascript que j'utilise depuis un certains temps appeler dans une page php via easyPHP qui à toujours très bien marcher.
Et hier j'ai voulue utiliser cette fonction dans une page html et elle ne marche pas!
est-ce que quelqu’un aurait une explication à cela ?
Merci d'avance

[SpaceFrog]

essaye un peu plus à l'ouest ...

[miine]

???

[SpaceFrog]

Ben oui, ça m'a fait ça quand j'ai lu ta question ...
Tu ne décris pas de façon suffisamment précise ton souci !
Quel code ? appelé ou comment quand ???

[miine]

Je demande juste si un interpréteur php peut influer sur l’exécution d'un code javascript

[SpaceFrog]

Ce n'est pas très explicite dans ta question
php est executé coté serveur, et ne fait que rédiger le js ...

[miine]

Je vais essayer d'être plus explicite
Tout d'abord j'utilise l'api de Prezi : http://prezi.github.io/prezi-player/...rezi_player.js
ensuite j'ai crée une petite fonction javascript permettant de créer un nouvel objet Player et de l'afficher ( La classe Player étant présente dans le fichier distribuer ci-dessus)
cette fonction est appeler via un simple onclick.
Le player s'affiche mais des fonctions distribuer par l'api (lié aux événements) ne fonctionne pas.
Pourtant lorsque j’exécute cette page via easyPhp cela marche très bien.

Ma fonction javascript :

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
92
93
94
function Prezi(player, div, id, btn) {
	//On adapte la taille des lecteurs à la résolution d'écran de l'utilisateur
	if(screen.width >=1280) {
	//Constructeur de PreziPlayer 
    player = new PreziPlayer(div, {
	preziId: id,
        width: 1024,
        height: 576
    });
}
	else {
		player = new PreziPlayer(div, {
        preziId: id,
        width: 768,
        height: 432
    });
	}
    //Nouveau écouteur d'événement qui se déclenche à chaque changement de status du prezi.
    player.on(PreziPlayer.EVENT_STATUS, function mota(e) {
 
        //Si le prezi est correctement charger alors...
        if (player.getStatus() == 'contentready') {
            //Fait disparaitre le bouton de lancement du prezi
            var a = document.getElementById(btn).getElementsByTagName('input');
            a[0].style.display = "none";
 
            //On récupère la div parente 
            var div = document.getElementById(btn);
 
            //Déclare les 4 boutons, play , pause, suivant, precedent,
            var nouveauInputPlay = document.createElement('input');
            var nouveauInputPause = document.createElement('input');
            var nouveauInputSuivant = document.createElement('input');
            var nouveauInputPrecendent = document.createElement('input');
							//Création des deux libéllés d'information
							var texte = document.createElement('p');
							texte.style.fontStyle = "italic";
							var node = document.createTextNode("Il se peut que la présentation ne se charge pas correctement");
							texte.appendChild(node);
 
							var texte2 = document.createElement('p');
							texte2.style.fontStyle = "italic";
							var node2 = document.createTextNode("Rafraîchissez la page pour corriger le problème.");
							texte2.appendChild(node2);
 
 
            //Propriété du bouton Play
            nouveauInputPlay.type = 'image';
            nouveauInputPlay.class = 'media';
            nouveauInputPlay.src = 'img/play.png';
            nouveauInputPlay.addEventListener('click', function () {
                player.play(1000);
            });
            //Propriété du bouton Pause
            nouveauInputPause.type = 'image';
            nouveauInputPause.class = 'media';
            nouveauInputPause.src = 'img/pause.png';
            nouveauInputPause.addEventListener('click', function () {
                player.stop();
            });
 
            //Propriété du bouton Precedent
            nouveauInputPrecendent.type = 'image';
            nouveauInputPrecendent.class = 'media';
            nouveauInputPrecendent.src = 'img/precedent.png';
            nouveauInputPrecendent.addEventListener('click', function () {
                player.previousStep();
            });
 
            //Propriété du bouton Suivant
            nouveauInputSuivant.type = 'image';
            nouveauInputSuivant.class = 'media';
            nouveauInputSuivant.src = 'img/suivant.png';
            nouveauInputSuivant.addEventListener('click', function () {
                player.nextStep();
				//reviens au début de la présentation
				if (player.getStepCount() == player.getCurrentStep()+1 && player.getAnimationCountOnSteps() == player.getCurrentAnimationStep()+1) 
				{
					player.flyToStep(1);
				}
            });
            //Insertion des boutons dans la div parente 
            div.appendChild(nouveauInputPlay);
            div.appendChild(nouveauInputPause);
            div.appendChild(nouveauInputPrecendent);
            div.appendChild(nouveauInputSuivant);
			//Insertion des deux libellés
			div.appendChild(texte);
			div.appendChild(texte2);
            player.play(1000);
        }
    });
   ;
}

Mon code Html

Code html :

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

1
2
3
4
5
<script type="text/javascript" src="scripts/js/prezi.js"></script>
<script type="text/javascript" src="scripts/js/api_prezi.js"></script>
<div id="player-api-produit"></div>
<div id="btn_produit">
<input type="submit" class="btn btn-success" value="Lancer la présentation" name="ok" onClick="Prezi('player_produit','player-api-produit','hfghgfh','btn_produit');" >

[arnogues]

Dans quel contexte précis ta page ne marche pas ?

[miine]

Après un débogage pas à pas j'ai remarqué que l'événement n'est pas détecté et donc par conséquent toutes les instructions qui y sont rattachés ne s'éxécutes pas

Code :

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

1
2
 //Nouveau écouteur d'événement qui se déclenche à chaque changement de status du prezi.
    player.on(PreziPlayer.EVENT_STATUS, function mota(e) {