[DOM] popup modification de src sous Firefox

**SpaceFrog** · 21/06/2007, 11h03

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

)

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

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
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 ...

**Auteur** · 21/06/2007, 14h00

Voici un début de réponse :

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.

**SpaceFrog** · 21/06/2007, 14h21

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

**Auteur** · 21/06/2007, 14h26

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 javascript :

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

1
2
3
 
  pic.src=w.ThePic.src;
  pic.alt="coucou";

Sinon si je remplace ce code par :

Code javascript :

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

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()

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

c'est à dire ?

**SpaceFrog** · 21/06/2007, 14h28

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 ...

**Auteur** · 21/06/2007, 14h32

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 html :

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

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....

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....

**SpaceFrog** · 21/06/2007, 14h45

ben je ne vois pas d'autre solution ...

**Auteur** · 21/06/2007, 17h51

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 html :

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

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...).

**SpaceFrog** · 21/06/2007, 18h38

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

**Auteur** · 21/06/2007, 23h51

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.

**Auteur** · 22/06/2007, 00h49

Pour Firefox :

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
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

(ça le fait planter même).

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

Le mieux est donc :

Code javascript :

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

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).

**SpaceFrog** · 22/06/2007, 13h13

arf j'avais justement ecarté la document.createElement car en principe l'éléemtn est propriété de la page ciblée...

**Auteur** · 22/06/2007, 21h57

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 ?

**SpaceFrog** · 22/06/2007, 22h04

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

**Auteur** · 22/06/2007, 22h47

Et avec Opéra

Comment faut-il procéder ?

**SpaceFrog** · 22/06/2007, 22h48

ne pas surfer avec ?

**FremyCompany** · 23/06/2007, 15h45

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 html :

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

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)

**Auteur** · 23/06/2007, 16h25

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 javascript :

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

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

ou

Code javascript :

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

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

?

**FremyCompany** · 23/06/2007, 16h56

Ceci est la seule syntaxe officielle

Code :

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

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

L'autre, j'ai déjà pu le constater marche sur IE, mais bloque sur FireFox

**SpaceFrog** · 24/06/2007, 13h11

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

Code :

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

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

[DOM] popup modification de src sous Firefox

JavaScript

Discussions similaires

Partager

Partager