[DOM] popup modification de src sous Firefox

Version imprimable

J'ai bien trouvé dautres scripts qui fonctionnent, mais celui ci me turlupine (le premier qui dit de cheval ...:roll: )

Sous IE pas de problème, sous FFX il refuse tout simpelement le path de l'image ???

Code:

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
38
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>Popup To Fit Image</title>
<script type="text/javascript">
<!--
var w=window.open('','image','statusbar=no,toolbar=no,scrollbars=no,resizable=no');
 
function PopupImage(image) { 
 
var pic=w.document.createElement('img');
w.ThePic=new Image();
w.ThePic.PicPath=image;
w.ThePic.src=w.ThePic.PicPath;
pic.src=w.ThePic.src;
pic.alt="coucou"
w.document.body.appendChild(pic);
//w.document.getElementsByTagName('img')[0].src=w.ThePic.src;
w.document.body.style.margin='0px';
w.document.close(); 
if(w.document.images[0].complete){FitPic()}
else {setTimeout(function(){FitPic(image)},100)}
}
 
function FitPic(image){
var Hauteur=w.document.images[0].offsetHeight + 29
var Largeur=w.document.images[0].offsetWidth+ 10;
w.resizeTo(Largeur,Hauteur);
var scW = screen.availWidth ? screen.availWidth : screen.width;
var scH = screen.availHeight ? screen.availHeight : screen.height;
w.moveTo(Math.round((scW-Largeur)/2),Math.round((scH-Hauteur)/2));}
 
 
setTimeout(function(){PopupImage('Picture_5.jpg')},500)
//-->
 
</script>
</head>

je n'arrive tout simplement pas à savoir d'ou cela peut provenir ...

21/06/2007, 14h00
Auteur

Voici un début de réponse :

Citation:

Envoyé par Console firefox

Erreur de sécurité : le contenu situé à about:blank ne peut pas charger de données ou établir un lien vers file:///c:/Mes%20documents/Picture_5.jpg.
21/06/2007, 14h21
SpaceFrog

bon ben il ne me reste plus qu'a ouvir self.url en popup et la vider ?
21/06/2007, 14h26
Auteur
Dans ce cas, j'ai une page blanche (avec Firefox en plus de l'erreur de sécurité, pas de problème avec IE) :
Code:

1 2 3 pic.src=w.ThePic.src; pic.alt="coucou";
Sinon si je remplace ce code par :
Code:

1 2 3 pic.src=image;//w.ThePic.src; pic.alt="coucou";
seul "coucou" s'affiche, je n'ai pas d'image sous Firefox (pas de problème avec IE) :(

Idem si je précise about:blank dans le 1er paramètre de window.open()

Citation:

bon ben il ne me reste plus qu'a ouvir self.url en popup et la vider ?

c'est à dire ?
21/06/2007, 14h28
SpaceFrog

oui pas de probmème en revanche si tu utilise une page html vide ... mais bon ...
l'idée est de ne pas utiliser de page externe ...

c'est pour cela que je pensais à ouvir la même page dans la popup et en virer tout le contenu ...
21/06/2007, 14h32
Auteur
Citation:

Envoyé par SpaceFrog

oui pas de probmème en revanche si tu utilise une page html vide ... mais bon ...

c'est ce que je viens de remarquer.. Si je fais un open vers une page vide de ce genre :
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 <html> <head> <title></title> </head> <body> </body> </html>
J'ai une image....

Citation:

Envoyé par SpaceFrog

c'est pour cela que je pensais à ouvir la même page dans la popup et en virer tout le contenu ...

c'est fastidieux....:roll:
21/06/2007, 14h45
SpaceFrog

ben je ne vois pas d'autre solution ...
21/06/2007, 17h51
Auteur
Est-ce qu'une page about:blank existe (au niveau du DOM), ou est-ce un artifice des navigateurs (qui affichent un écran blanc si la page a comme adresse about:blank )?

Si la page blanche about:blank existe, elle devrait avoir par défaut cette structure :
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 <html> <head> <title></title> </head> <body> </body> </html>
et ainsi on pourrait facilement inclure des objets, non ?

Si c'est simplement un "aspect visuel", il faudrait donc construire cette page. (créer des balises html, head, body, ajouter les objets document, etc...).
21/06/2007, 18h38
SpaceFrog

non a priori que tu mettes rien ou about:blank c'est le même tarif ... :(
21/06/2007, 23h51
Auteur

Citation:

Envoyé par SpaceFrog

non a priori que tu mettes rien ou about:blank c'est le même tarif ... :(

j'ai vérifié avec l'inpecteur DOM de Firefox : la balise img est bien crée, l'attribut src correspond au chemin de l'image et le contenu de alt est bien défini.

Pour Firefox :
Code:

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 { var pic=document.createElement('img'); //au lieu de w.document.createElement('img') w.ThePic=new Image(); w.ThePic.PicPath=image; w.ThePic.src=w.ThePic.PicPath; pic.src=w.ThePic.src; pic.alt="coucou"; w.document.body.appendChild(pic); //w.document.getElementsByTagName('img')[0].src=w.ThePic.src; w.document.body.style.margin='0px'; //w.document.close(); if(w.document.images[0].complete){FitPic()} else {setTimeout("FitPic()","2000")} } function FitPic() { var Hauteur=w.document.images[0].offsetHeight + 29 var Largeur=w.document.images[0].offsetWidth+ 10; w.resizeTo(Largeur,Hauteur); var scW = screen.availWidth ? screen.availWidth : screen.width; var scH = screen.availHeight ? screen.availHeight : screen.height; w.moveTo(Math.round((scW-Largeur)/2),Math.round((scH-Hauteur)/2)); } setTimeout(function(){PopupImage('Mes Images/i1.gif')},"500")
Par contre le code ne fonctionne plus sous IE :cry: (ça le fait planter même).

Citation:

w.document.body.appendChild(pic); >> cette interface n'est pas prise en charge

Le mieux est donc :
Code:

1 2 var pic=(document.all?w.document.createElement('img'):document.createElement('img'));
J'ai légèrement modifé l'appel à la fonction FitPic() (j'ai supprimé le paramètre image et j'ai ralongé la tempo, pour voir ce qui se passait au niveau de la condition).

22/06/2007, 13h13
SpaceFrog

arf j'avais justement ecarté la document.createElement car en principe l'éléemtn est propriété de la page ciblée... 8O
22/06/2007, 21h57
Auteur

Peut-être que Firefox n'autorise l'insertion d'éléments dans la fenêtre fille uniquement si ces éléments sont créés dans la page parent ?
22/06/2007, 22h04
SpaceFrog

Mouaip ...
Curieux comportement en tout cas.J'avais essayé par le passé de faire passer un element du parent vers la fille sans succès ... et là pour le coup c'est l'inverse !
A n'y rien comprendre :roll: 8O
22/06/2007, 22h47
Auteur

Et avec Opéra :question: Comment faut-il procéder ?
22/06/2007, 22h48
SpaceFrog

ne pas surfer avec ? :mouarf:
23/06/2007, 15h45
FremyCompany
Citation:
Envoyé par Auteur

Est-ce qu'une page about:blank existe (au niveau du DOM), ou est-ce un artifice des navigateurs (qui affichent un écran blanc si la page a comme adresse about:blank )?

Si la page blanche about:blank existe, elle devrait avoir par défaut cette structure :

Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 <html> <head> <title></title> </head> <body> </body> </html>

et ainsi on pourrait facilement inclure des objets, non ?

Si c'est simplement un "aspect visuel", il faudrait donc construire cette page. (créer des balises html, head, body, ajouter les objets document, etc...).
Sous IE, elle existe, et y a même moyen de la changer (elle se trouve qqpart dans les dossiers windows)
23/06/2007, 16h25
Auteur
Citation:

Envoyé par FremyCompany

Sous IE, elle existe, et y a même moyen de la changer (elle se trouve qqpart dans les dossiers windows)

et pour Firefox ?

Sinon pour Opéra, quelle syntaxe utiliser ?
Code:

1 2 var pic = document.createElement('img');
ou
Code:

1 2 var pic = w.document.createElement('img')
?
23/06/2007, 16h56
FremyCompany

Ceci est la seule syntaxe officielle

Code:

var pic = w.document.createElement('img')

L'autre, j'ai déjà pu le constater marche sur IE, mais bloque sur FireFox
24/06/2007, 13h11
SpaceFrog

Oui mais alors pourquoi cette syntaxe bloque-t-elle sous firefox ?

Code:

var pic = w.document.createElement('img')
24/06/2007, 18h37
FremyCompany

Citation:

Envoyé par SpaceFrog

Oui mais alors pourquoi cette syntaxe bloque-t-elle sous firefox ?

Code:

var pic = w.document.createElement('img')

Peut-être parce que tu es en local ?

Si tu mets tes fichiers sur un serveur web, tu as encore ce problème ?
24/06/2007, 19h15
Auteur

Citation:

Envoyé par FremyCompany

Peut-être parce que tu es en local ?

Si tu mets tes fichiers sur un serveur web, tu as encore ce problème ?

Justement, s'il est en local (= même domaine ?), ça ne devrait pas bloquer :?
24/06/2007, 19h41
FremyCompany

Citation:

Envoyé par Auteur

Justement, s'il est en local (= même domaine ?), ça ne devrait pas bloquer :?

En local les paramètres de sécurités sont renforcés...
24/06/2007, 21h03
Auteur

Citation:

Envoyé par FremyCompany

En local les paramètres de sécurités sont renforcés...

là, j'avoue, je ne comprends pas :oops: 8O

Je comprendrais cette sécurité si je tentais de modifier le contenu d'un site qui appartient à un autre domaine, mais là en local.:koi:
24/06/2007, 21h19
FremyCompany

Citation:

Envoyé par Auteur

là, j'avoue, je ne comprends pas :oops: 8O

Je comprendrais cette sécurité si je tentais de modifier le contenu d'un site qui appartient à un autre domaine, mais là en local.:koi:

Ben tu pourrais ouvrir des fichiers comme BOOT.ini dans une iframe et puis lire son contenu, ou des trucs du genre ;)