Bonjour à tous,
Mon objectif est de pouvoir à partir d'une page mère créer une nouvelle page contenant une image (contenu dynamique). Après avoir fait plusieurs tests, je me suis finalement appuyé sur la discussion suivante :
http://www.developpez.net/forums/d14...pup-page-mere/
Voici mon code :
Javascript page mère :
Code javascript : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15 html2canvas($("#map_canvas"), { useCORS: true, proxy: "/maps/1/export/", onrendered: function(canvas) { var url = canvas.toDataURL(); myWindow = window.open("/maps/openExport/","_blank"); myWindow.onload = function(e) { alert("ready"); myWindow.changeimg(url); }; mapUI.hideLoader(); } });
Ma page fille :
Code html : 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 <!DOCTYPE html> <html> <script type="text/javascript"> function changeimg(img){ alert("changeimg"); image = document.getElementById("bob"); image.src = img; } </script> <head> <title>Export map</title> </head> <body> <p>Right click on the image to save it.</p> <br> <img id='bob' src='/static/images/image1.png'/> </body> </html>
Le code s'exécute bien sous Chrome Desktop. Par contre j'ai un problème avec Chrome sous IPad. A aucun moment je ne rentre dans le onload... Avez-vous une explication et une solution? Merci d'avance !!
Partager