Path d'un window.open et insertion d'images avec un innerHTML

**hacksi** · 11/08/2009, 09h59

Bonjour,

j'essaye de créer une sorte de popup en ajoutant le contenu à l'aide d'un innerHTML.
Cependant j'ai un problème pour le chemin des images.

En effet dans la page parent, les images s'affichent sans problème, mais avec le même chemin dans la popup, les images ne s'affichent pas.

Ça doit donc être une histoire que le chemin de la popup ne doit pas être la même.

Pouvez-vous m'éclairer sur le sujet ?
Merci

**SpaceFrog** · 11/08/2009, 10h25

tu peux avoir un souci de path ou d'instanciation... la popup n'est peut être pas encore crée lors de la tentative d'insertion de html ...

pour le communication entre fenetres:
http://www.developpez.net/forums/d27...enetre-enfant/

Mais je te recommanderais vivement de ne pas passer par un popup et d'afficher l'image sur la même page quitte à passer par une librairie du genre window prototype

**hacksi** · 11/08/2009, 10h40

Voici le code utilisé :

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
 
function imprime_zone(titre, obj) 
{
        // Définie la zone à imprimer
	var zi = document.getElementById(obj).innerHTML;
 
	// Ouvre une nouvelle fenetre
	var f = window.open("", "ZoneImpr", "height=500, width=600,toolbar=no, menubar=yes, scrollbars=yes, resizable=yes,status=no, location=yes, left=10, top=10");
 
	// Définit le Style de la page
        f.document.body.style.color = '#000000';
	f.document.body.style.backgroundColor = '#FFFFFF';
 
	// Ajoute les Données
	f.document.title = titre;
	f.document.body.innerHTML = zi;
 
	// Imprime et ferme la fenetre
	f.window.print();
	f.window.close();
 
	return true;
}

Comme tu peux le voir, le code HTML est bien inséré avec la création de la popup.

Pour indiquer le pourquoi du comment, j'essaie juste de permettre d'imprimer une partie d'une page.

J'ai fait un alert sur "window.location" et j'ai le droit à "about:blank" ce qui semble logique vu qu'il n'y a pas d'adresse. J'ai également regardé le code source à l'aide de Firebug et il ne parvient pas non plus à trouver les images qui sont en chemin relatif.

Le problème avec l'utilisation de window prototype et que ça va encore créer des disfonctionnement entre navigateurs et je n'ai pas trop de temps à passer pour faire cette petite fonctionnalité, j'ai déjà bien assez de soucis avec le CSS dans IE ^^.

Le window.open se base sur quel chemin ?