Discussion :

[Wyl_Coding]

J'ai créé un script AJAX pour le composant RSForm Joomla qui permet de calculé un tarif grâce à l'API Google distancematrix.
Ce module fonctionne bien sur la plupart des navigateurs, sauf sur Internet explorer et safari iOS8.

Voici l'adresse du module http://www.navette-discount.fr/fr/#devis-reservation

Et voici la partie du script qui semble ne pas fonctionner sur ces navigateurs. Quelle est selon vous la solution alternative?
Doit on repasser par l'utilisation de l'objet XHR?

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
<script>
 
jQuery(document).ready(function(){ // we wait until DOM is ready 
                jQuery('#search').click(function(){ // we bind a function when clicking the button we added earlier
 
                               //traitement des variables.                         
 
                               jQuery.ajax({ // we build the AJAX request
                                                               type:"POST", 
                                                               url:"index.php?option=com_rsform&formId=11&action=ajax", // Due to Cross Origin Request Blocks we need to call it sever side (this is the reason why we created the PHP script called on form display ) please make sure you use the correct formId (the ID of this form)
                                                               data: {origin, destination}, // we send the origin and destination information to the script we already crated 
                                                               success: function(results) {
 
                                                                               //traitement et affichage du résultat
 
                                                                                              //Display results
                                                                               jQuery("#resultat").html('<p class="alert alert-info center lead"><strong>Distance : '+km+' Km</strong><br/><strong>Tarif : '+estimation+'€</strong></p>');
 
 
 
 
                                                                               }
 
 
                                                               }
 
                               });
 
                });
 
})
 
</script>

Merci d'avance

[thelvin]

Hello,

si tu t'intéresses à l'objet XHR, alors ce n'est pas jQuery.ready() qui te concerne, mais jQuery.ajax().

Je doute fort que la notation {origin, destination} soit largement gérée par les navigateurs. Ils vont probablement voir une erreur de parsing à la place.
Ça fait quoi si tu remplaces par la notation habituelle ?

[Wyl_Coding]

Salut,

Non en fait je n'utilise pas vraiment JQuery, mais le JQuery.ajax est moins chiant à coder que XHR seulement le problème ne vient pas de là mais bien de JQuery.ready{}
A l'intérieur de ce code rien ne se lance, pas même un simple alert(). sur les navigateurs cités. Ils ne doivent pas reconnaitre cet objet. Mais je cherche une alternative rapide et simple.

cdt

[mathieu]

à la place du "jQuery.ready" essayez la version résumée comme cela :

Code :

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

1
2
3
jQuery(function () {
    alert("C'est lancé !");
})

et réessayez cet exemple de base sur chaque navigateur

quelle version de jQuery utilisez vous ?

[Wyl_Coding]

Bonjour,

J'ai testé avec jQuery(function () mais même résultat (ne fonctionne pas sous IE)
La version de jQuery utilisée est la "1.12.4"

[Toufik83]

je pense qu'il faut voir auprès de jQuery.noConflict();

[mathieu]

le test avec jQuery fonctionne bien avec Internet Explorer 11 :
http://jsbin.com/yefagerequ/edit?html,js,output

regardez dans la console de développement et vous verrez une erreur avec Internet Explorer

[Wyl_Coding]

Ok alors les consoles des navigateurs Internet Explorer me renvoie l'erreur : SCRIPT1003 : expected ':' au niveau de cette ligne de script

data:{origin, destination}, // we send the origin and destination information to the script we already created

je pense que c'est cette syntaxe de l'objet JQuery.ajax qui fait planter le script sur ces versions un peu plus anciennes...

[thelvin]

Cette syntaxe n'a rien à voir avec jQuery, c'est du pur JavaScript, et effectivement implémenté assez récemment dans les navigateurs.

Il me semble que c'est ce que j'ai dit depuis le début d'ailleurs -_-°.

Bref, il suffit de ne pas s'en servir et d'écrire l'objet comme d'habitude à la place.

[Wyl_Coding]

Super, mais en fait qu'elle serait la syntaxe "comme d'habitude" pour l'ecriture de JQuery.ajax tel que je l'utilise ici, sachant que d'habitude j'utilise XHR?

Bien cordialement

[thelvin]

Cette notation, {origin, destination}. Ce n'est pas quelque chose que tu as trouvé quelque part, ce n'est pas dans un tutoriel, il n'y a rien ni personne qui t'a montré que ça marchera si tu écris ça, n'est-ce pas ?
C'est quelque chose que tu as inventé tout seul dans ton coin, et le hasard a voulu que ça fasse le résultat espéré dans certains navigateurs. On est bien d'accord ?

Eh bien peut-être qu'il aurait mieux valu regarder les tutoriels et exemples qu'on trouve sur Internet, et faire quelque chose d'un peu pareil. Tu ne crois pas ?

Bref, quand on écrit

Code :

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

{origin, destination}

C'est dans le JavaScript cutting-edge, un raccourci de l'écriture habituelle :

Code :

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

1
2
3
4
{
  origin: origin,
  destination: destination
}

Après rien ne t'empêche d'adapter un peu pour le rendre plus joli.

[Wyl_Coding]

Bonjour,

Non ce n'est pas tout à fait ça. Je ne l'ai pas "inventé tout seul dans mon coin"... Je suis tombé sur un post dans le forum du composant RSForm pour Joomla!

Après j'avoue très franchement avoir paré au plus pressé sans faire toute la gamme de test habituelle, ni me renseigner plus que ça sur le code en question...

En tout cas, je te remercie pour l'info, celà fonctionne parfaitement bien avec le code que tu m'as donné.

Sur ce, je vais aller rafraichir mes infos sur la question

Cordialement

Emeric

[thelvin]

Ah. C'est un peu dommage quand même qu'il y ait des exemples comme ça, alors que cette notation est un peu récente.

Mais bon, dans ce cas je comprends.

Du coup j'ai bien fait de mettre un petit exemple.