Exécution de fonctions

Version imprimable

Bonjour. Voila mon soucis:

J'ai ce lien:
Code:

1 2 3 <a onclick="captureecran();alert('ajouté au panier avec succès');window.location.href='../index.php';" href="javascript:ajax_panier('../controller/panierController.php?action=ajout&l=<?php echo $_SESSION['desiProd']; ?>&q=1&p=<?php echo $_SESSION['prix'] ?>&g=<?php echo $_SESSION['grammage'] ?>&t=<?php echo $typeProduit->getDesignation() ?>&ta=<?php echo $_SESSION['choixTaille'] ?>&c=<?php echo $_SESSION['choixCouleur'] ?>&perso=Oui&personne=<?php echo $typeProduit->getCategoriePersonne() ?>&idProd=<?php echo $_SESSION['idProd'] ?>&motif=<?php echo $_SESSION['motif'] ?>&apercu=<?php echo $_SESSION['apercu'] ?>','panier');"> <button class="btn btn-default">Valider et ajouter au panier</button><br /><br /> </a>
Ce lien me permet de lancer une fonction "captureecran()". Lorsque celle ci est lancée, deux variables de session sont créée. Ensuite, j'utilise le href="javascript:ajax_panier()", pour lancer la fonction javascript ajax_panier. Celle ci utilise les variables de session qui viennent d'être créée dans la fonction captureecran().
Cependant, ma fonction ajax_panier ne fonctionne jamais du premier coup car les variables de session créée dans la fonction captureecran() n'existent pas encore. Si je clique deux fois sur ce lien, alors la fonction fonctionne, parce que les variables de session ont été créée la premiere fois. J'ai donc l'impression que ma fonction ajax_panier() s'éxecute AVANT ma fonction captureecran(). Comment faire en sorte que ce ne soit pas le cas ?

Merci

19/07/2015, 12h56
etienne31

Apres reflexion

Bonjour,

Après reflexion, je me suis rendu compte que ce n'était pas un problème d'ordre d’exécutions, mais le problème est que le lien (l'adresse du href) est générée lorsque la page est chargée. Il est donc normal qu'au chargement, il ne trouve pas les variable de session (puisque qu'elles sont créée au clic). Du coup, je ne sais vraiment pas comment faire.
19/07/2015, 17h53
NoSmoking

Bonjour,

Citation:

J'ai donc l'impression que ma fonction ajax_panier() s'éxecute AVANT ma fonction captureecran().

Non le onclick s'effectue puis l'action par défaut, le HREF, se réalise si elle n'a pas était bloquée par le onclick.

C'est la logique que tu dois revoir et pourquoi utiliser une balise <a> quand tu as une balise <button> à ta disposition qui est faite pour exécuter du javascript ?
19/07/2015, 17h59
etienne31

re

Bonjour, tout d'abord merci d'avoir repondu.

Aucunes idees. J'ai commencé comme ca et puis j'ai eu l'habitude. Et puis grave a cela je beneficie du "href" qui n'est pas disponible avec une balise "button" si je ne me trompe pas...

Citation:

je beneficie du "href" qui n'est pas disponible avec une balise "button"...

certes mais cela te sert à quoi !?!

Si je résumes ce que tu fais
Code:

1 2 3 4 5 6 function fctButton(){ captureecran(); alert('ajouté au panier avec succès'); window.location.href='../index.php'; ajax_panier('../controller/panierController.php?action=ajout&l=<?php echo $_SESSION['desiProd']; ?>&q=1&p=<?php echo $_SESSION['prix'] ?>&g=<?php echo $_SESSION['grammage'] ?>&t=<?php echo $typeProduit->getDesignation() ?>&ta=<?php echo $_SESSION['choixTaille'] ?>&c=<?php echo $_SESSION['choixCouleur'] ?>&perso=Oui&personne=<?php echo $typeProduit->getCategoriePersonne() ?>&idProd=<?php echo $_SESSION['idProd'] ?>&motif=<?php echo $_SESSION['motif'] ?>&apercu=<?php echo $_SESSION['apercu'] ?>','panier');"> }
l'appel pourrait ce fait comme suit

Code:

<button class="btn btn-default" onclick="fctButton();">Valider et ajouter au panier</button>

On peux se demander également ce que viens faire window.location.href='../index.php'; dans la succession de tes opérations ?

19/07/2015, 19h04
etienne31

re

En fait, il fallait que j'appelle ma fonction "captureecran" avant d'appeler la fonction ajax_panier. La fonction ajax panier admet un argument qui est le lien ou seront traitées mes données. Dans ce lien, je passe des variables GET. J'utilise le php pour les passer.
J'ai donc penser qu'il serait plus simple de mettre cette fonction dans le href afin d'avoir acces pluus facilement au php. Cependant apres reflexion... c'est vrai que cela ne change pas tellement la maniere d'y acceder.
Cependant mon soucis n'est pas réglé car ma fonction "captureecran" est une fonction ajax qui effectue un traitement et cree des variables de session dont j'ai besoin dans ma fonction ajax_panier, elles ne sont donc pas créée lors du chargement de la page, et donc du lien que l'on passe en argument de la fonction ajax_panier...

Je sais que cela est compliqué a expliquer, mais si voous ne comprenez pas n'hesitez pas a le dire !

En ce qui concerne le "document.location" je l'utilise car le href etait deja utilisé pour la fonction ajax_panier()
19/07/2015, 22h14
NoSmoking

Si j'ai bien tout compris il te faut placer la suite des opérations à réaliser lorsque la réponse est de retour, donc dans ta fonction captureecran() et non pas après, c'est lié à l’asynchronisme des fonctions Ajax !
20/07/2015, 08h48
etienne31

re

J'y ai pensé. Malheureusement, je ne sais pas pourquoi, la fonction ne fonctionne pas a l'interieur de "captureecran(). Je soupconne que le javascript ne s'execute pas sur une page appelée en ajax... mais je n'en ai aucunes certitude.

De plus, comme le code s'execute de facon invisiblle, je ne sais pas comment debeuguer le code de la page qu'appelle ma fonction captureecran() par le biais d'ajax.

Desole si mon code n'est pas parfait et que certaines de mes questions peuvent etre idiote, mais je suis dans l'etude de l'informatique depuis un an seulement... merci

1 pièce(s) jointe(s)

Voici ma fonction captureecran():
(J'utilise le framework html2canvas qui permet de faire des screen d'une div)

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
function captureecran() {
    var capture = {};
    var target = $('#limit');
    html2canvas(target, {
        onrendered: function (canvas) {
            capture.img = canvas.toDataURL("image/png");
            capture.data = {'image': capture.img};
            $.ajax({
                url: "../outils/ajax.php",
                data: capture.data,
                type: 'post',
                success: function (result) {
                    console.log(result);
                }
            });
        }
    });
};

Et voici mon code au seins de la page "ajax.php" (utilisée dans la fonction captureecran()):

Code:

1
2
3
4
5
6
7
8
9
10
<?php
// Ici j'ai un code d'une trentaine de ligne qui s'éxécute bien. (qui me copie des screen et les enregistre sur mon disque, cela fonctionne a chaque fois)
 
//ensuite je place ce code à la fin: (les variable $motif et $apercu sont créée dans le code juste avant)
echo '<script>';
echo 'ajax_panier("../controller/panierController.php?action=ajout&l='.$_SESSION["desiProd"].'&q=1&p='.$_SESSION["prix"].'&g='.$_SESSION["grammage"].'&t='.$typeProduit->getDesignation().'&ta='.$_SESSION["choixTaille"].'&c='.$_SESSION["choixCouleur"].'&perso=Oui&personne='.$typeProduit->getCategoriePersonne().'&idProd='.$_SESSION["idProd"].'&motif='.$motif.'&apercu='.$apercu.'","panier");';
echo '</script>';
 
?>
<script type="text/javascript" src="../js/personnalisation.js"></script>

Lorsque je vais dans la console du navigateur, que je coche preserve log et que je clique sur mon bouton de départ (celui entouré d'un lien), j'ai ceci qui apparait (c'est donc le "result" de la fonction captureecran()):
Pièce jointe 183376

Je peux donc vérifier que tout mes arguments sont bien passée. Mais la fonction n'est pas éxécutée... Je ne comprend pas.

20/07/2015, 19h49
NoSmoking

Comme tu utilises jQuery, jete un coup d'oeil à dataType: "script".
:fleche: http://api.jquery.com/jQuery.ajax/

1 pièce(s) jointe(s)

Merci!

Bonjour, j'allais justement poster. Je viens de trouver une autre solution: comme j'ai remarqué que dans "result" se trouvait tout le texte que j'affichais sur le script avec "echo", j'ai fait ceci:

Code:

echo 'panierController.php?action=ajout&l='.$_SESSION["desiProd"].'&q=1&p='.$_SESSION["prix"].'&g='.$_SESSION["grammage"].'&t='.$typeProduit->getDesignation().'&ta='.$_SESSION["choixTaille"].'&c='.$_SESSION["choixCouleur"].'&perso=Oui&personne='.$typeProduit->getCategoriePersonne().'&idProd='.$_SESSION["idProd"].'&motif='.$motif.'&apercu='.$apercu;

Puis ensuite j'ai appelé ma fonction "ajax_panier()" dans la fonction "captureecran()" comme ceci:
Code:

1 2 3 4 success: function (result) { console.log(result); ajax_panier(result,"panier"); }
Et .. ceci fonctionne !! Merci pour toute votre aide ! :)

J'en profite pour vous demander une autre petite chose.. Dans ajax_panier(), j'ai toujours cette erreur qui apparait dans la console du navigateur :

Pièce jointe 183448

Mais cette erreur ne me bloque nul part alors je n'ai jamais vraiment cherché à la résoudre .. D'ou cela peut il venir et est ce grave ?

Et voici la fonction ajax_panier():
Code:

1 2 3 4 5 6 7 8 9 10 11 var xhr = null; if (window.XMLHttpRequest) { xhr = new XMLHttpRequest(); } else if (window.ActiveXObject) { xhr = new ActiveXObject("Microsoft.XMLHTTP"); } xhr.open("GET", url_panier, false); // Il semble que l'erreur apparait sur cette ligne xhr.send(null);
Ps: je ne maitrise pas beaucoup l'objet XMLHttpRequest

20/07/2015, 20h12
NoSmoking

Ajax = Asynchronous JAvascript XML

Code:

xhr.open("GET", url_panier, false);

false fait que l'appel est synchrone donc pas dans l'esprit Ajax.

Nota: Si tu utilises jQuery autant l'utiliser en plein.