Bonjour,
Je souhaite mettre en place une page de redirection depuis mon site vers différents marchand.
Pour ce faire, étant donnée que certaine de ces redirections nécessitent un temps d’exécution relativement long car elles utilisent le moteur de recherche du site marchand, je veux afficher à l’internaute une page d’attente.
Pour ce faire, je souhaitais utiliser prototype avec les notions onComplete, Event.observe … dans le but de n’afficher l’information finale que lorsqu’elle est entièrement chargée par le navigateur.
Eventuellement j’aurais ainsi pu rajouter un effet fade de Script.aculo.us…
Après quelques tests, il semble que cela ne soit pas possible avec une page issue d’un autre serveur ? Ou du moins je n’ai pas su le faire.
Voici mon code de test…
Quelqu’un a-t-il une idée ?
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 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <title>test page redirection</title> <script type="text/javascript" src="lib/prototype.js"></script> </head> <body> <script> /*rediriger vers le site de blablabla.com*/ var url = 'http://www.blablabla.com'; Event.observe(window, 'load', onBodyLoad, false); new Ajax.Request(url, { method:'get', onSuccess: function(transport){ var response = transport.responseText || "no response text"; $('redirection').innerHTML = transport.responseText; }, onFailure: function(){ alert('Something went wrong...') } }); function rapporteErreur() { alert('Attention une erreur s est produite.'); } function onBodyLoad() { Element.hide('attente'); Element.hide('redirection'); } </script> <div id="attente">Merci de bien vouloir patienter....</div> <div id="redirection">page de ma redirection!</div> </body> </html>
Merci
Partager