window.print() imprime seulement une page sous FireFox

**djolof** · 04/09/2009, 13h35

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

**SpaceFrog** · 04/09/2009, 13h37

ma boule de cristal est en révision, par conséquent je ne suis pas en mesure de voir ton code ...

**djolof** · 04/09/2009, 14h01

voici mon bout de code

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

Qand tu vois j'utilise simplement la methode javascript.cela fonctionne sous IE mais pas sous FF
Merci

**SpaceFrog** · 04/09/2009, 14h02

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

**djolof** · 04/09/2009, 15h02

j'utilise le doctype

Code :

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

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

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

**SpaceFrog** · 04/09/2009, 15h07

framset ...

essaye

Code :

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

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

**djolof** · 04/09/2009, 15h31

j'ai essayé mais cela passe pas malheureusement!
une autre idée est la bienvenue car je plante là

Merci

**SpaceFrog** · 04/09/2009, 15h40

tu utilises media screen dans ton css ??

**djolof** · 04/09/2009, 16h46

oui j'utilise les media screen
il est ainsi fait

Code :

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

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

**djolof** · 07/09/2009, 11h16

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

**SpaceFrog** · 07/09/2009, 11h27

regarde du coté des pagebreak ... ?

**djolof** · 07/09/2009, 15h13

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 :

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

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?

**SpaceFrog** · 07/09/2009, 15h19

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

**djolof** · 07/09/2009, 15h29

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

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

**SpaceFrog** · 07/09/2009, 15h43

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

**SpaceFrog** · 07/09/2009, 15h48

heu

Code :

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

overflow:visible

**djolof** · 07/09/2009, 15h57

SpaceFrog,
En mettant

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

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

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

alors quz cela ne me rassure pas

suis-je obligé de l'enlever?

**SpaceFrog** · 07/09/2009, 16h02

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

**djolof** · 07/09/2009, 16h34

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 :

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

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

?
Merci

**SpaceFrog** · 07/09/2009, 16h36

precise le overflow dans chacun des medias ...

window.print() imprime seulement une page sous FireFox

JavaScript

Discussions similaires

Partager

Partager