Estas en: Home > Programación

Entradas etiquetadas con Programación

Imprimir con saltos de página en javascript

1

Todos los que nos dedicamos a la programación web sabemos que para imprimir una página web, es necesario usar la función  print() de javascript, pero si deseamos imprimir documentos (como nóminas, albaranes, facturas, documentación oficial, etc), habitualmente necesitaremos imprimir esos documentos por triplicado o en hojas diferentes, y la manera más óptima de realizarlo sería crear un pdf que el usuario podría o bien descargar o visualizar para su impresión.

Pero gracias a CSS podemos imprimir varias páginas sin necesidad de usar pdf (a no ser que también quisieramos tener una copia en este formato 😉 )

CSS tiene varias propiedades para impresión:

page-break-after: Sirve para forzar un salto de linea después del elemento al que se le ha aplicado.
page-break-before: Sirve para forzar un salto de linea antes del elemento al que se le ha aplicado.

Ejemplo:

  1. #salto_pagina_despues{
  2.  
  3. page-break-after:always;
  4.  
  5. }
  6.  
  7. #salto_pagina_anterior{
  8.  
  9. page-break-before:always;
  10.  
  11. }

Forma de utilización:

  1. <div id="salto_pagina_despues">Este elemento se imprimirá en la primera página.</div>
  2. <div>Este elemento se imprimirá en la segunda página.</div>
  3. <div id="salto_pagina_anterior">Este elemento se imprimirá en la tercera página.</div>

Explicación:

La primera capa se imprimirá en la primera página, por que le hemos indicado que después del elemento con el id «salto_pagina_despues» se genere un salto de página. El segundo «div» se imprimirá en la segunda página porque le hemos indicado a la capa con el id «salto_pagina_anterior» que antés de procesar el contenido de la capa con ese id, genere un salto de linea.

Es algo muy útil he intuitivo. Espero que os sirva. XD

Mootools y position:absolute;

0

Estoy creando un menú desplegable para una web con el framework mootools, el problema surje cuando quería colocar el submenú en una posición absoluta.

La solución es bien sencilla, se crea una capa por encima del código del submenú, y es esa capa la que tendrá la posición como absoluta y a través de las propiedades top y left de esa capa podremos colocar el submenú donde queramos.

Espero haberos ahorrado un par de horas 🙂

¿Cuántos elementos eres capaz de nombrar en cinco minutos?

0

Pues eso, ¿cuantos elementos eres capaz de nombrar en cinco minutos?, con este pequeño script realizado en javacript lo sabrás:

http://www.oneplusyou.com/bb/html_quiz

PHP 6.0 :: Todo items

0

PHP 6 cada día está más cerca, y nos traerá una gran cantidad de novedades, que nos permitirán mejorar nuestras aplicaciones web.

Os dejo el link donde podreis ver las tareas realizadas y las que aun quedan por realizar para la nueva versión de PHP.

http://wiki.php.net/todo/php60

Google Summer of Code 2008

0

Como viene realizando desde 2005, Google prepara un nuevo verano de código para este 2008, por si aun no sabes en qué consiste te recomiendo que leas su faq.

Os invito a que visiteis los proyectos, tal vez alguno os interese: http://code.google.com/soc/2008

Ir arriba