window.print() imprime seulement une page sous FireFox

Version imprimable

04/09/2009, 13h35
djolof

window.print() imprime seulement une page sous FireFox

Bonjour;
Je veux imprimer mon document.sous IE cela marche bien par contre sous Firefox,ce n'est que la première page qui est imprimé alors que mon document en fait plusieurs.Bref,il coupe le reste du document.
Depuis ce matin je cherche mais je vois pas encore le problème.
Merci de m'aider
04/09/2009, 13h37
SpaceFrog

ma boule de cristal est en révision, par conséquent je ne suis pas en mesure de voir ton code ...
04/09/2009, 14h01
djolof

voici mon bout de code

Citation:

function printWindow(){
folderOrganizeTree.openAll();
window.print();
}

Qand tu vois j'utilise simplement la methode javascript.cela fonctionne sous IE mais pas sous FF
Merci
04/09/2009, 14h02
SpaceFrog

ton code html généré ressemble à quoi . tu as quel doctype as tu du css ?

j'utilise le doctype

Code:

<!DOCTYPE HTML PUBLIC '-//W3C//DTD HTML 4.01 Frameset//EN'>

et oui,jai des css.
je t'envoie le code pas complet.mais c'est l'essentiel sans compter les css.

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
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
 
<div id="cont">
 
<div id="toptools" class="ecran">
      <a href="#" onclick="printWindow();" onmouseover="MM_swapImage('Image3','','images/picto_print_on.gif',1)"
		onmouseout="MM_swapImgRestore()">
   <html:img  page="/images/picto_print_of.gif" alt="imprimer" width="27"
		height="27" border="0" styleId="Image3" /></a>
   <a href="#"  onclick="help('<bean:write name="idAide" scope="request"/>');"onmouseover="MM_swapImage('Image6','','images/picto_help_on.gif',1)" onmouseout="MM_swapImgRestore()"><img src="images/picto_help_of.gif" alt="aide" width="27" height="27" border="0" id="Image6" /></a>
</div>
 
<div class="cadre_blanc" >
   <logic:equal value="true" name="organizationDTreeForm" property="caseSelected">
 
 <script language="javascript">
	   			folderOrganizeTree = new dTree('folderOrganizeTree','<%=request.getContextPath()%>/',null,'1','rename','<%=request.getSession().getAttribute(Constants.CASE_ID)%>');
</script>
 
</logic:equal>
 
<logic:notEqual value="true" name="organizationDTreeForm" property="caseSelected">
<script language="javascript">
folderOrganizeTree = new Tree('folderOrganizeTree','<%=request.getContextPath()%>/',null,'1','rename','<%=request.getSession().getAttribute(Constants.FOLDER_ID)%>');
 
</script>
 
</logic:notEqual>
 
<div class="dtree">
<logic:iterate id="entity"
				name="organizationDTreeForm" property="tree">
 
				<logic:equal name="entity" property="folder" value="true">
<script language="javascript">	
	var url = '<bean:write name="entity" property="url"/>';		
	folderOrganizeTree.addFolder(<bean:write name="entity" property="id"/>,<bean:write name="entity" property="idParentFolder"/>,<bean:write name="entity" property="id"/>,'<bean:write name="entity" property="label"/>','<html:rewrite page="'+url+'"/>'+'<bean:write name="entity" property="paramUrl"/>','<bean:write name="entity" property="target"/>','<bean:write name="entity" property="onclick"/>','<bean:write name="entity" property="selected"/>',<bean:write name="entity" property="open"/>);		
</script>
	</logic:equal>
	<logic:equal name="entity" property="folder" value="false">
	<script language="javascript">
	   var url = '<bean:write name="entity" property="url"/>';		
	folderOrganizeTree.addCase(<bean:write name="entity" property="id"/>,<bean:write name="entity" property="idParentFolder"/>,<bean:write name="entity" property="id"/>,'<bean:write name="entity" property="label"/>','<html:rewrite page="'+url+'"/>'+'<bean:write name="entity" property="paramUrl"/>','<bean:write name="entity" property="target"/>','<bean:write name="entity" property="onclick"/>','<bean:write name="entity" property="selected"/>',<bean:write name="entity" property="open"/>);		
 </script>
 </logic:equal>
</logic:iterate> 
 <script language="javascript">			
	document.write(folderOrganizeTree);	
	//folderOrganizeTree.openAll();
 </script>
</div>
</div>
 
	</div>

Merci de ton aide

framset ...

essaye

Code:

1
2
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
	   "http://www.w3.org/TR/html4/loose.dtd">

04/09/2009, 15h31
djolof

j'ai essayé mais cela passe pas malheureusement!
une autre idée est la bienvenue car je plante là :)
Merci
04/09/2009, 15h40
SpaceFrog

tu utilises media screen dans ton css ??

oui j'utilise les media screen
il est ainsi fait

Code:

1
2
3
4
@media print{  
            .ecran
                {display: none;}
}

07/09/2009, 11h16
djolof

Bonjour
Mon problème persiste toujours.
y a t-il une bonne manière d'utiliser les média screen pour régler cela?
Merci
07/09/2009, 11h27
SpaceFrog

regarde du coté des pagebreak ... ?
07/09/2009, 15h13
djolof
Bonjour,j'ai trouvé quelque chose
dans mon css,jutilise la propriété clip dans mon css.si je l'enleve le probleme disparait.mais un autre probleme survient: c'est que je ne dois pas enlever cette propriété:).
la css se presente comme suit:
Code:

1 2 3 4 5 6 7 8 9 10 .mycss{ font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 11px; color: #666; white-space: nowrap; } .mycss.clip { overflow: hidden; }
dois-je modifier mon code pour que cela fonctionne sans probleme?
07/09/2009, 15h19
SpaceFrog

fais le clip dans le media screen, pas dans le media print ...

Comment faudrait-il proceder?je saisis pas
j'ai

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
 
.mycss{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666;
	white-space: nowrap;
}
.mycss.clip {
	overflow: hidden;
}
 
@media print{  
            .ecran
                {display: none;}
}

Merci

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
 
.mycss{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666;
	white-space: nowrap;
}
.mycss.clip {
	overflow: hidden;
}
 
@media print{  
            .ecran
                {display: none;}
          .mycss.clip {
	            overflow: auto;}
}
 
}

07/09/2009, 15h48
SpaceFrog

heu

Code:

overflow:visible

:oops:

SpaceFrog,
En mettant

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
 
.mycss{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666;
	white-space: nowrap;
}
.mycss.clip {
	overflow: hidden;
}
 
@media print{  
            .ecran
                {display: none;}
          .mycss.clip {
	            overflow: visible;}
}
}

pour que cela fonctionne il faut que j'enléve

Code:

1
2
3
4
 
.mycss.clip {
	overflow: hidden;
}

alors quz cela ne me rassure pas :?
suis-je obligé de l'enlever?

07/09/2009, 16h02
SpaceFrog

mets le uniquement dans le media screen

le media print gère le style à l'impression
le media screen à l'ecran

tu peux ainsi gérer deux formats différents ...
07/09/2009, 16h34
djolof
au contraire je dois le mettre dans media print,car c'est mon impression qui q un probleme sous FF. non? :)
et dance ce cas devrais-je uniquement enlever le bloc
Code:

1 2 3 .mycss.clip { overflow: hidden; }
?
Merci
07/09/2009, 16h36
SpaceFrog

precise le overflow dans chacun des medias ...
07/09/2009, 16h59
djolof

j'espere que je ne suis pas nacré. :)
mais n'est-ce pas le overflow est deja précisé dans les differents media?
07/09/2009, 17h04
SpaceFrog

je n'ai pas compris la question, mais pour illustrer voici un exemple
j'ai un css screen et un css media, ce qui me permets d'afficher certaines choses à l'ecran et les masque à l'impression..
C'est bien ce que tu cherches à faire ?

http://www.ouestisol.fr/JUSTALITTLEFOLDER/Certif.htm

le code suivant a finalement bien marché. il fallait que j'enleve les cookies

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
.mycss{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666;
	white-space: nowrap;
}
.mycss.clip {
	overflow: hidden;
}
 
@media print{  
            .ecran
                {display: none;}
          .mycss.clip {
	            overflow: visible;}
}
}

Merci bien SpaceFrog