imprimer uniquement certaines lignes d'un tableau

**mikael2235** · 22/03/2010, 14h47

Bonjour à tous,

J'ai actuellement une requête qui m'affiche un résultat sous forme de tableau.

Je voudrais savoir si c'est possible d'avoir devant chaque ligne une case à cocher, et un bouton imprimer qui ne m’imprimeront que les lignes cochées.

Merci pour votre aide.

Mikael

**SpaceFrog** · 22/03/2010, 15h23

suffit lors du clic sur la case à cocher d'attribuer une class name "noprint" au tr par exemple et de mettre en css media print cette classe en display none

**mikael2235** · 22/03/2010, 19h18

Envoyé par SpaceFrog

suffit lors du clic sur la case à cocher d'attribuer une class name "noprint" au tr par exemple et de mettre en css media proint cette classe en display none

Peux-tu me mettre un exemple stp, pour mieux comprendre ?

Merci

**SpaceFrog** · 22/03/2010, 20h26

Comme sus dit ... :
- sur le onclick attribuer un className
- une class css media print en display none

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
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<style type='text/css'>
table {border-collapse: collapse;
		width:50%;}
td {border :solid 1px blue;}
 
@media print{
.noprint {display:none;}
}
</style>
<script type='text/javascript'>
function np(chk){
chk.parentNode.parentNode.className=(chk.checked)?'noprint':'';
}
</script>
<title>Nouvelle page 1</title>
</head>
 
<body>
<table>
	<tr>
		<td><input type="checkbox" onclick="np(this)" /></td>
		<td> ligne 1</td>
	<tr>
	<tr>
		<td><input type="checkbox" onclick="np(this)" /></td>
		<td> ligne 2</td>
	<tr>
	<tr>
		<td><input type="checkbox" onclick="np(this)" /></td>
		<td> ligne 3</td>
	<tr>
 
	<tr>
		<td><input type="checkbox" onclick="np(this)" /></td>
		<td> ligne 4</td>
	<tr>
 
</table>
 
 
</body>
 
</html>

imprimer uniquement certaines lignes d'un tableau

JavaScript

Vue hybride

Discussions similaires

Partager

Partager