Mostrando entradas con la etiqueta JavaScript. Mostrar todas las entradas
Mostrando entradas con la etiqueta JavaScript. Mostrar todas las entradas

24 jun 2011

Imprimir contenido de divs especificos

hola a todos hoy vuelvo a escribir en el blog luego de haber dejado de hacerlo por temas de trabajo y que sufri el robo de mi laptop con toda mi información y sistemas que me encontraba desarrollando por eso he tenido que hacer jornadas dobles hasta triples de trabajo para poder ponerme al dia con los entregables que tenia que reportar. Bueno tendria una y mil cosas mas que decirles pero vayamos defrente al tema que nos interesa.
ayer un amigo (de la universidad) me hizo una consulta y me planteo el siguiente tema. mira yo estoy haciendo un reporte de unas tablas de mi base de datos pero el detalle es que los estoy mostrando en html y si hago un boton imprimir me va a imprimir toda la pagina y solo quiero imprimir el div donde esta la tabla con los los datos SI!
bueno ahora viene la cosa interesante si seria de imprimir la pagina entera bastaria con un window.print(); en un link que diga imprimir
entonces me dejo con la duda y la interrogante y la solucion que le prpuse fue la siguiente para que podamos imprimir de manera sencilla el contenido de un div y la comparto con ustedes


<DIV ID="divimpresion">Este texto es lo que se imprimirá cuando se pulse el enlace.</DIV>

En esa página colocamos un enlace o un botón que llame a la función de imprimir

<a href="javascript:imprimirSelec('divimpresion')" >Imprime ficha</a>

ahora todo el asunto nos quedaria enviar la impresión parcial del documento osea nuestro div
para eso necesitamos la siguiente función javascript

<script language="Javascript">
function imprimirSelec(nombre)
{
var ficha = document.getElementById(nombre);//almacenamos en variable los datos del div a imprimir
var ventimp = window.open(' ', 'Impresion');//aqui se genera una pagina temporal
ventimp.document.write( ficha.innerHTML );//aqui cargamos el contenido del div seleccionado
ventimp.document.close();//cerramos el documento
ventimp.print( );//enviamos los datos a la impresora
ventimp.close();//cerramos ventana temporal
}
</script>
ahora si a ponerse al dia en el blog no se preocupen lectores cibernautas estare colgnado nuevas inquietudes
y codigos utiles hasta la proxima

29 ene 2011

CURSO INTRODUCTORIO JQUERY

buscando Formas de aprender algunas cosas nuevas de esta tecnología JQUERY para el desarrollo de paginas en la web 2.0 me encontré con un vídeo tutorial animado introductorio de esta tecnología que nos nos introduce a todo este nuevo mundo de la web 2.0 y acceso a base de datos desde JQUERY. Esta librería que hace más fácil la programación en javascript y que facilita mucho la creación de esos efectos en el texto y las imágenes que tanto nos gustan.

Las aplicaciones en internet son cada vez más complejas, ya que incorporan efectos visuales, drag and drop, auto-completar, animaciones etc. el desarrollar todos estos conceptos desde cero puede resultar complicado sobretodo si tenemos que presentar la solución con muy poco tiempo, en este tipo de situaciones el empleo de librerías como el jQuery nos facilitan el desarrollo de la aplicación. Otra ventaja paralela es despreocuparnos cuando codificamos en la compatibilidad de navegadores, ya que la librería resolverá esto.

Para utilizar la librería como dijimos debemos descargarla del sitio oficial y en cada página que lo requiera agregar:

  

Del sitio oficial de jQuery descargaremos la versión descomprimida que ocupa alrededor de 60 Kb (es el archivo jquery.js) y cuando subamos nuestro sitio es recomendable descargar la versión comprimida que tiene un peso de 20 Kb.

La librería jQuery en resumen nos aporta las siguientes ventajas:

  • Nos ahorra muchas líneas de código.
  • Nos hace transparente el soporte de nuestra aplicación para los navegadores principales.
  • Nos provee de un mecanismo para la captura de eventos.
  • Provee un conjunto de funciones para animar el contenido de la página en forma muy sencilla.
  • Integra funcionalidades para trabajar con AJAX.

La Pagina Oficial de Jquery AQUI

y el link de descargar para la libreria jquery.1.4.4.min.js la encuentras Aqui

Copias Todo el contenido de la pagina y lo pegas en un archivo JAVASCRIPT y le puedes poner el nombre que desees Te Recomiendo jquery.1.4.4.min.js

otra pagina donde puedes encontrar tutoriales muy buenos es javascriptya Entrar AQUI

Video Muy Bueno





Para ver mas videos aca esta la direccion

illasaron-Curso-de-jQuery


Apoya al blog dando click en los anuncios no te tomara mas de 10 segundos -- ademas te informaras de noticias de actualidad Comentar es Agradecer (Clickear Anuncios También)