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