IdentifiantMot de passe
Loading...
Mot de passe oubli� ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les r�ponses en temps r�el, voter pour les messages, poser vos propres questions et recevoir la newsletter

JavaScript Discussion :

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


Sujet :

JavaScript

Vue hybride

Message pr�c�dent Message pr�c�dent   Message suivant Message suivant
  1. #1
    Membre �clair�
    Inscrit en
    Avril 2006
    Messages
    268
    D�tails du profil
    Informations forums :
    Inscription : Avril 2006
    Messages : 268
    Par d�faut Path d'un window.open et insertion d'images avec un innerHTML
    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

  2. #2
    R�dacteur/Mod�rateur

    Avatar de SpaceFrog
    Homme Profil pro
    D�veloppeur Web Php Mysql Html Javascript CSS Apache - Int�grateur - Bidouilleur SharePoint
    Inscrit en
    Mars 2002
    Messages
    39 659
    D�tails du profil
    Informations personnelles :
    Sexe : Homme
    �ge : 75
    Localisation : Royaume-Uni

    Informations professionnelles :
    Activit� : D�veloppeur Web Php Mysql Html Javascript CSS Apache - Int�grateur - Bidouilleur SharePoint
    Secteur : Industrie

    Informations forums :
    Inscription : Mars 2002
    Messages : 39 659
    Billets dans le blog
    1
    Par d�faut
    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
    Ma page Developpez - Mon Blog Developpez
    Pr�sident du CCMPTP (Comit� Contre le Mot "Probl�me" dans les Titres de Posts)
    Deux r�gles du succ�s: 1) Ne communiquez jamais � quelqu'un tout votre savoir...
    Votre post est r�solu ? Alors n'oubliez pas le Tag

    Venez sur le Chat de D�veloppez !

  3. #3
    Membre �clair�
    Inscrit en
    Avril 2006
    Messages
    268
    D�tails du profil
    Informations forums :
    Inscription : Avril 2006
    Messages : 268
    Par d�faut
    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 ?

  4. #4
    R�dacteur/Mod�rateur

    Avatar de SpaceFrog
    Homme Profil pro
    D�veloppeur Web Php Mysql Html Javascript CSS Apache - Int�grateur - Bidouilleur SharePoint
    Inscrit en
    Mars 2002
    Messages
    39 659
    D�tails du profil
    Informations personnelles :
    Sexe : Homme
    �ge : 75
    Localisation : Royaume-Uni

    Informations professionnelles :
    Activit� : D�veloppeur Web Php Mysql Html Javascript CSS Apache - Int�grateur - Bidouilleur SharePoint
    Secteur : Industrie

    Informations forums :
    Inscription : Mars 2002
    Messages : 39 659
    Billets dans le blog
    1
    Par d�faut
    joue plutot du media screen et print pour n'imprimer que des parties de pages ...
    Ma page Developpez - Mon Blog Developpez
    Pr�sident du CCMPTP (Comit� Contre le Mot "Probl�me" dans les Titres de Posts)
    Deux r�gles du succ�s: 1) Ne communiquez jamais � quelqu'un tout votre savoir...
    Votre post est r�solu ? Alors n'oubliez pas le Tag

    Venez sur le Chat de D�veloppez !

  5. #5
    R�dacteur

    Avatar de Bovino
    Homme Profil pro
    D�veloppeur Web
    Inscrit en
    Juin 2008
    Messages
    23 647
    D�tails du profil
    Informations personnelles :
    Sexe : Homme
    �ge : 55
    Localisation : France, Gironde (Aquitaine)

    Informations professionnelles :
    Activit� : D�veloppeur Web
    Secteur : High Tech - �diteur de logiciels

    Informations forums :
    Inscription : Juin 2008
    Messages : 23 647
    Billets dans le blog
    20
    Par d�faut
    Citation Envoy� par SpaceFrog Voir le message
    joue plutot du media screen et print pour n'imprimer que des parties de pages ...
    http://www.developpez.net/forums/d79...imer-div-page/
    Pas de question technique par MP !
    Tout le monde peut participer � developpez.com, vous avez une id�e, contactez-moi !
    Mes formations video2brain : La formation compl�te sur JavaScriptJavaScript et le DOM par la pratiquePHP 5 et MySQL : les fondamentaux
    Mon livre sur jQuery
    Module Firefox / Chrome d'int�gration de JSFiddle et CodePen sur le forum

  6. #6
    R�dacteur/Mod�rateur

    Avatar de SpaceFrog
    Homme Profil pro
    D�veloppeur Web Php Mysql Html Javascript CSS Apache - Int�grateur - Bidouilleur SharePoint
    Inscrit en
    Mars 2002
    Messages
    39 659
    D�tails du profil
    Informations personnelles :
    Sexe : Homme
    �ge : 75
    Localisation : Royaume-Uni

    Informations professionnelles :
    Activit� : D�veloppeur Web Php Mysql Html Javascript CSS Apache - Int�grateur - Bidouilleur SharePoint
    Secteur : Industrie

    Informations forums :
    Inscription : Mars 2002
    Messages : 39 659
    Billets dans le blog
    1
    Ma page Developpez - Mon Blog Developpez
    Pr�sident du CCMPTP (Comit� Contre le Mot "Probl�me" dans les Titres de Posts)
    Deux r�gles du succ�s: 1) Ne communiquez jamais � quelqu'un tout votre savoir...
    Votre post est r�solu ? Alors n'oubliez pas le Tag

    Venez sur le Chat de D�veloppez !

Discussions similaires

  1. Insertion d'images avec MySQL
    Par metwa dans le forum D�buter
    R�ponses: 5
    Dernier message: 15/06/2009, 19h06
  2. VBA Excel 2007 - Insertion d'images avec Enregistreur de Macros
    Par PhilC dans le forum Macros et VBA Excel
    R�ponses: 5
    Dernier message: 26/10/2007, 02h05
  3. Pb d'insertion d'image avec une macro sur Excel 2007
    Par tigrou42 dans le forum Macros et VBA Excel
    R�ponses: 1
    Dernier message: 30/05/2007, 00h48
  4. Insertion d'image avec OLE ds Word
    Par LotfiB dans le forum C++Builder
    R�ponses: 8
    Dernier message: 21/02/2007, 23h35
  5. window.open ne s'ouvre pas avec IE
    Par Invit� dans le forum G�n�ral JavaScript
    R�ponses: 8
    Dernier message: 11/01/2006, 16h14

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo