Un probleme avec une popup

**snoups58** · 02/02/2006, 12h09

voila g un pb ! je voudrai ouvrir une popup en y insérant du html !!
voici mon code :

Code :

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

1
2
3
4
5
6
7
8
9
10
function popup() {
	// ouvre une fenetre sans barre d'etat, ni d'ascenceur
	w=open("",'popup','fullscreen=yes, scrollbars=auto,toolbar=no');	
	w.document.write("<TITLE>Aperçu Devis</TITLE>");
	w.document.write("<BODY>");
	w.document.write("<img src='images/logoanim.GIF'>");
	w.document.write(document.getElementById("text4").value)
	w.document.write("</BODY>");
	w.document.close();
}

voila et sa me met indefini !! ??

en fait le html que je veu placer dans ma popup se trouver dans le document principal !!

Comment faire pour qu'il me mettent le text en form dans la popup ???

**SpaceFrog** · 02/02/2006, 12h16

deux raisons pour lesquelles cela ne focntionne pas:

1) la popup n'est pas encore instanciée lors du document.write ...
il faut faire une pose ...

2) il faut en théorie ouvrir le document pour écrire dedans ..; (bienque IE s'en affranchisse)

ça donnerait donc un truc du genre

Code :

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

1
2
3
4
5
6
7
8
<script type='text/javascript'>
var dow = window.open('../AA1.htm', 'popup', 'resizable=no, toolbar=no, scrollbars=no, location=no, width=100, height=100, top=100, left=100'); 
setInterval("Javascipt:void(0);",10000);
dow.document.open();
document.write('blabla')
dow.document.close();
 
</script>

cecie étant n'ayant pas chargé de document dans la popup je ne suis même par sur que cela fonctionne ...
j'ouvrirais about:blank et feraias des modifs dans cette page ...

**snoups58** · 02/02/2006, 12h32

en fait voila mon code html associer!!

Code :

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

1
2
 
<input name='apercu' id='apercu' class='bouton' value='Aperçu du DEVIS pour impression' type='button' onClick='javascript:popup();'>

je vien de tester marche po :s

**SpaceFrog** · 02/02/2006, 12h51

tu n'a pas du bien lire mes conseils ...

je n'ai aucun souci avec ce code là:

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
<script type='text/javascript'>
function popup(){
var dow = window.open('about:blank', 'popup', 'resizable=no, toolbar=no, scrollbars=no, location=no, width=100, height=100, top=100, left=100'); 
setInterval("Javascipt:void(0);",1000);
dow.document.open();
dow.document.write('hello world')
dow.document.close();
}
</script> 
 
</head>
 
<body>
<input name='apercu' id='apercu' class='bouton' value='Aperçu du DEVIS pour impression' type='button' onClick='javascript:popup();'> 
</body>

**snoups58** · 02/02/2006, 13h36

oui peut etre avec 'hello word' mais met un text dans une balise avec un ID "text" et met dans document write (doucment.getElementById("text").value ) sa marche po :s autrement mettre un text simple ma version marchais ossi !!

le document.getEleme .... est indefini d'après le deboggeur !!
c pas le fait d'ouvrir la popup le pb c de pouvoir recup une zone contenu dans une balise Div de la page principal pour mettre le contenu de celle ci dans la popup !!

**SpaceFrog** · 02/02/2006, 14h32

normal !!!
faut pas la mettre dans doculent.write !!!!!

**SpaceFrog** · 02/02/2006, 14h37

Code :

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

1
2
3
4
5
6
7
8
9
10
function popup() {
   // ouvre une fenetre sans barre d'etat, ni d'ascenceur
   w=open("",'popup','fullscreen=yes, scrollbars=auto,toolbar=no');   
   w.document.write("<TITLE>Aperçu Devis</TITLE>");
   w.document.write("<BODY>");
   w.document.write("<img src='images/logoanim.GIF'>");
   w.document.write("</BODY>");
      w.document.write(window.opener.document.getElementById("text4").value)
   w.document.close();
}

heu comment tu peux avoir un objet avec un id text4 dans une fenetre vide que tu ouvres ???????????????????????????????????????

je pense que tu essaye datteindre un opbjet de la fenetre mère ???

**snoups58** · 02/02/2006, 14h40

bin oui c ce ke j'essai de te dire depuis tout a l'h !!!!!!

mdr

on c pas compris je pense !!

mon objet avec l'id text4 est dans la feuille mère et je veu passer le code compris dans la balise <div id="text4">...</div> dans la popup !!

**SpaceFrog** · 02/02/2006, 14h44

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
<script type='text/javascript'>
function popup(){
var dow = window.open('about:blank', 'popup', 'resizable=no, toolbar=no, scrollbars=no, location=no, width=100, height=100, top=100, left=100');
setInterval("Javascipt:void(0);",1000);
dow.document.open();
document.write(opener.document.getElementById('texte4').value)
dow.document.close();
}
</script>
 
</head>
 
<body>
<input name='apercu' id='apercu' class='bouton' value='Aperçu du DEVIS pour impression' type='button' onClick='javascript:popup();'>
</body>

arf dialogue de sourds

essaye ce code ...

**snoups58** · 02/02/2006, 15h35

avec ce code voila ce ke me dit le deboggeur : opener as no properties !!

je desepers ! :'(

**SpaceFrog** · 02/02/2006, 15h38

self.opener ou window.opener

**SpaceFrog** · 02/02/2006, 15h40

Arf problème de référence ...
le code est bien dans la page mùère donc :

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
<script type='text/javascript'>
function popup(){
var dow = window.open('', 'popup', 'resizable=no, toolbar=no, scrollbars=no, location=no, width=100, height=100, top=100, left=100'); 
setInterval("Javascipt:void(0);",1000);
dow.document.open();
dow.document.write(document.getElementById('text4').value)
dow.document.close();
}
</script> 
 
</head>
 
<body>
<input name='apercu' id='apercu' class='bouton' value='Aperçu du DEVIS pour impression' type='button' onClick='javascript:popup();'> 
<input type='text' id='text4' />
</body>
</html>

**snoups58** · 02/02/2006, 15h51

idem : document.getElementById('text4').value has no properties

pfff c pourtant basic je veux mettre sa :

Code :

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

1
2
3
4
5
6
7
8
9
10
 
<div id="text4" class="invisibletext">
<img src="images/logoanim.GIF">
<span id="partie1"></span>
<span id="partie2"></span>
<span id="partie3"></span>
<span id="partie4"></span>
<span id="partie5"></span>
 
</div>

avec du code html ki vien dans les SPAN dynamiquement par un innerHTML !!

je veu mettre tout ce code dans ma popup !!!

**SpaceFrog** · 02/02/2006, 16h20

depuis quand un div as il une value ????????????????????

dans le code que je t'ai filé c'est un input !!!!

remplace value par innerHMLT

**snoups58** · 02/02/2006, 16h30

bon bin dsl mais je savais pas sa !!

merci sa marche nikel

**snoups58** · 02/02/2006, 17h21

heu marche plus

en fait je veu pas mettre que mon objet Text4

voila ce ke g fait alors mais marche plus

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
 
var dow = window.open('DEVIS Aperçu avant impression', 'popup', 'resizable=no, toolbar=no'); 
	setInterval("Javascipt:void(0);",1000); 
	dow.document.open(); 
	dow.document.write("<TITLE>Aperçu Devis</TITLE><link href='iticom.css' type='text/css'><BODY>");
	dow.document.write(document.getElementById('text4').value) ;
	dow.document.write("<input class='bouton' value='Impression du DEVIS' type='button' onClick='imprimer()'>"
	+"<script language='JavaScript'>"
	+"function imprimer(){"
	+"alert('Vous allez imprimez le Devis. Cette opération fermera cette fenètre mais votre demande n'est tjr pas fini !!');"
	+"document.print();"
	+"window.close();}</script></BODY>") ;
	dow.document.close();

et voila ce k'il me sort kan j'affiche la source de code de ma popup

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
 
<HTML>
<HEAD>
<title>Top Animation</title>
 
<META http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<LINK rel="stylesheet" href="iticom.css" type="text/css">
</HEAD>
<BODY bgcolor="#37439C" background="images/stripebackground.gif"> 
<TABLE width="767" height="550" border="1" cellpadding="0" cellspacing="0" bordercolor="#000000" bgcolor="#FFFFFF"> 
  <TR> 
    <TD valign="top"> 
      <TABLE width="100%" height="100%" border="0" cellpadding="0" cellspacing="0"> 
        <TR> 
          <TD> 
            <TABLE width="100%" 
....
....

En gros il me sort ma page d'accueil !!!

**SpaceFrog** · 02/02/2006, 18h04

pourquoi tu ne mets pas directement tout dans la page html que tu affiches dans la popup et tu ne modifies que le contenu d'un div dans cette page ce serait beaucoup plus simple non

donc prépare une page à imprimer avec un div

Code :

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

<div id="contenu"></div>

et le script etc dedans ...

puis dans le script d'appel du popup:

Code :

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

dow.document.getElementById('contenu').innerHTML=document.getElementById('text4').value

;

**snoups58** · 02/02/2006, 18h20

le pb c ke les script dedans sont dynamique !!

je c pas si g bien compris mais je veu bien un exemple je suis pas tres douer en java

**SpaceFrog** · 02/02/2006, 18h30

les scripts sont dynamiques ... ben justement mets les en dur dans la page ...
tu n'as que le innerHTML du div contenu à modifier non ?

le bouton est toujours le même et il doit toukours imprimer non ?

**snoups58** · 03/02/2006, 11h07

par contre je ne sais pas comment faire une nouvelle page !!
je voulais faire sa au debut mais je ne savais pas comment faire !
car en fait j'ai une fonction java qui m'insert le code HTML géner et après sa s'affiche sur ma page principale !

Ensuite je voudrais une popup du style aperçu avant impression !!
Et en bas de cette aperçu un bouton imprimer !!µ

Tu peut me dire comment je doit proceder st p

Un probleme avec une popup

JavaScript

Vue hybride

Discussions similaires

Partager

Partager