JavaScript - Imprimir una parte de un html

 
Vista:
Imágen de perfil de Tomas

Imprimir una parte de un html

Publicado por Tomas (1 intervención) el 03/05/2023 03:06:21
hola que tal tengo un pequeño detalle estoy desarrollando una parte una web donde el usuario tiene varios checks los cuales le sirven como un pequeño check list, el detalle esta dentro de esa misma pagina el usuario convive con mas opciones por ejemplo tienen menús etc., lo que se requiere es poner un botón de imprimir check pero sin las imágenes y menús, tengo un código que lo hace, sin embargo al momento de mandar a imprimir aparece todo bien excepto, que los checks no me los manda con las selecciones que el usuario marca. muestra los checks vacíos...

espero contar con su valiosa ayuda... por que no he podido encontrar como resolver este problema

este es parte del código:

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
<script language='Javascript'>
	function imprSelec(nombre) {
	  var ficha = document.getElementById(nombre);
	  var ventimp = window.open(' ', 'popimpr');
	  ventimp.document.write( ficha.innerHTML );
	  ventimp.document.close();
	  ventimp.print( );
	  ventimp.close();
	}
	</script>
 
<a href="javascript:imprSelec('seleccion')" >Imprimir texto</a>
 
<button class="encabe">Check List</button>
  <table class="peq">
 
	<tr class="peq">
	<th class="peq">#</th>
	<th class="peq">Punto a Considerar</th>
	<th class="peq">Check</th>
	</tr>
 
	<tr class="peq">
	<td class="peq"><h5>1.1.-</h5></td>
	<td class="peq"><h5>Actualización de SO</h5></td>
	<td class="peq"><input type="checkbox" id="1.1" /><label for="1.1">1.1</label></td>
	</tr>
 
        <tr class="peq">
	<td class="peq"><h5>1.2.-</h5></td>
	<td class="peq"><h5>Agregar la instalación de Microsoft Edge</h5></td>
	<td class="peq"><input type="checkbox" id="1.2" /><label for="1.2">1.2</label></td>
	</tr>
 
	<tr class="peq">
	<td class="peq"><h5>1.3.-</h5></td>
	<td class="peq"><h5>Agregar instalación de Binnacle.</h5></td>
	<td class="peq"><input type="checkbox" id="1.3" /><label for="1.3">1.3</label></td>
	</tr>
 
  </table>
Valora esta pregunta
Me gusta: Está pregunta es útil y esta claraNo me gusta: Está pregunta no esta clara o no es útil
0
Responder
Imágen de perfil de Alejandro
Val: 1.448
Plata
Ha mantenido su posición en JavaScript (en relación al último mes)
Gráfica de JavaScript

Imprimir una parte de un html

Publicado por Alejandro (532 intervenciones) el 03/05/2023 17:38:04
  • Alejandro se encuentra ahora conectado en el
  • chat de PHP
Con CSS puedes indicar que no imprimir
1
2
3
4
5
6
7
8
<style>
    @media print{
        nav{display:none}
    }
</style>
 
<nav>Menú</nav>
<section>Imprimir esto</section>

De la forma en que lo haces pues podrías leer la propiedad de los checks de origen y asignarla a los check del popup.
1
2
3
for( chk of document.querySelector('table.peq').querySelectorAll('input[type="checkbox"]') ){
    ventimp.document.getElementById(chk.attributes.id.value).checked=chk.checked;
}
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar