Salut tout le monde,
je suis sur un site https, j'ai deux pages html, une permet de sélectionner une image et de l'afficher sur l'autre.
opener.html :
opened.html :
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 <!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>Opener</title> <script type="text/javascript"> function afficher(){ window.open('opened.html', 'test', 'resizable=no, location=no, width=500, height=200, menubar=no, status=yes, scrollbars=no, menubar=no'); } </script> </head> <body> <input type="file" name="file"/> <p> <input type="button" value="Visu" onclick="afficher();"/> </body> </html>
le problème est que lorsque je sélectionne une image est je clique sur le bouton Visu un popup s'affiche : "Cette page contient des éléments sécurisés et non sécurisés", et dans l'entête du popup une barre s'affiche : "Pour vous aider à protéger votre ordinateur, Internet Explorer a restreint l'affichage du contenu actif de ce fichier, qui pourrait accéder ...".
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 <!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>Opened</title> <script type="text/javascript"> function onload(){ var url = window.opener.document.getElementById('file').value; var oImg = new Image(); oImg.src = url; alert(url); document.getElementById('logo').style.backgroundImage = 'url(\''+url+'\')'; var dH = oImg.height; var dW = oImg.width; document.getElementById('logo').style.pixelHeight = dH; document.getElementById('logo').style.pixelWidth = dW; } </script> </head> <body onload="onload();"> <span id="logo"> </span> </body> </html>
et lorsque je clique sur oui rien n'est affiché !!
J'ai cherché sur le forum, et j'ai trouvé que le problème se pose lorsqu'on donne des chemins absolues pour les images, chose que j'ai pas dans mon cas.
Est ce qu'on peut régler ce problème juste avec javascript ?
Et merci d'avance.
Partager