imprimer des données

Version imprimable

09/01/2008, 15h07
vanesa

imprimer des données

bonjour
j'ai un petit probléme
en fait j'ai un tableau qui affiche des données qui provienent de la base de donnée ,j'aimerais imprimer ce tableau de sorte que quand je clikc sur une incone,un pop-up se lance et une nouvelle fenétre s'affiche et contien le tableau à imprimer
pouvez vous m'aider?
je travail avec des jsp
09/01/2008, 15h22
moins52

Si j'ai bien compris ce que tu demandes tu dois passer par une fonction javascript qui s'appelle window.open

En clair sur ta page web (http://mon-site-internet/ma-page.jsp) tu as un icône avec un événement onClick dessus qui appelle la fonction window.open avec en paramètre une autre page contenant uniquement le tableau à imprimer (http://mon-site-internet/mon-autre-page).
En cliquant sur l'icône la page apparaîtra dans une fenêtre à part.
09/01/2008, 15h26
vanesa

merci
09/01/2008, 15h32
moins52

Si le problème est résolu pour la bonne tenue de ce forum et de ce site merci de cliquer sur le bouton résolu prévu à cet effet.
09/01/2008, 15h52
vanesa

j'ai tester et ca marche ,
mais il affiche toute la page avec ses boutons ... ,ce que je veux en fait c'est qu'il m'affiche juste le tableau à imprimer,comment faire ?
09/01/2008, 16h01
moins52

Oups erreur de ma part

Sur ta page web (http://mon-site-internet/ma-page.jsp) tu as un icône avec un événement onClick dessus qui appelle la fonction window.open avec en paramètre une autre page contenant uniquement le tableau à imprimer (http://mon-site-internet/mon-autre-page.jsp).

Il faut bien créer une nouvelle page qui sera appeler dans ton popup. Je corrige mon post précédent.

pour l'instant je n'est pas mis d'icon,j'ai essayé juste avec un lien qui ,au click dessous il m'affihe une autre page(que j'ai créer comme vous avez dit),mais c toujours le méme probléme c toute la page qui s'affihe:oops:
Code:

1 2 3 4 5 6 7 <A href="javascript:ouvre_popup('popup.jsp')">imprimer</A> <SCRIPT language="javascript"> function ouvre_popup(page) { window.open(page,"nom_popup","menubar=no, status=no, scrollbars=no, menubar=no, width=600, height=600"); } </SCRIPT>

09/01/2008, 16h28
moins52

Et lorsque tu appelles ta page "popup.jsp" dans ta barre d'adresse de ton navigateur web ça donne quoi ?

Pour faire tes tests attention à bien vider le cache de ton navigateur sinon tu risque de ne pas voir les modifications que tu réalises.
09/01/2008, 16h33
vanesa

en fait il me donne une page blanche
mais quand je lui donne comme paramétre le nom de la méme page ,il m'affiche toute la page dans une autre fenétre

Tu peux accessoirement positionner l'attribut "id" (id="maListe") sur ton tableau (page source)
Tu cliques sur un bouton qui t'affiche une page.
Dans cette nouvelle page, tu peux accéder au tableau via "opener"

Code:

1
2
 
opener.document.getElementById("maListe");

Ensuite, tu peux faire ce que tu veux avec...
Ci-dessous un exemple (Firefox : OK - IE pas OK, il faudrait passer par le modèle DOM)
Mais peut-être que ça t'inspirera...

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
 
<html>
<head>
<script>
function open_popup()
{
   window.open("unTest2.html");
}
</script>
</head>
 
<body>
Le TEST commence
<table id="maListe" onclick="open_popup()">
    <tr style="background:#d0d0d0">
        <td>col1</td>
        <td>col2</td>
    </tr>
    <tr>
        <td>v11</td>
        <td>v12</td>
    </tr>
    <tr>
        <td>v21</td>
        <td>v22</td>
    </tr>
    <tr>
        <td>v31</td>
        <td>v32</td>
    </tr>
</table>
</body>
</html>

Et la page "d'impression"

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
 
<html>
<head>
<script>
function pageLoaded()
{
   var t = opener.document.getElementById("maListe");
   document.getElementById("target").innerHTML = t.innerHTML;
   window.print();
}
 
</script>
</head>
 
<body onload="pageLoaded()">
<table id="target"></table>
</body>
</html>

A+

vanessa ton code fonctionne chez moi mais tu peux essayer ça.
Code:

1 2 3 4 5 6 7 <A href="javascript:ouvre_popup('http://www.google.fr')">imprimer</A> <SCRIPT language="javascript"> function ouvre_popup(page) { window.open(page,"nom_popup","menubar=no, status=no, scrollbars=no, menubar=no, width=600, height=600"); return false; } </SCRIPT>
Si ta page http://www.ton-site-internet.com/popup.jsp est blanche c'est que le problème vient de cette page et non du javascript.