Entradas

Mostrando las entradas etiquetadas como jquery

imprimir un DIV con jquery

Está función imprime un objeto seleccionado por el id, además podemos añadirle un estilo css para darle formato function imprimir(id)     {         var div, imp;         div = document.getElementById(id); //seleccionamos el objeto         imp = window.open(" ","Formato de Impresion");  //damos un titulo         imp.document.open();      //abrimos         imp.document.write('style: ...');  //tambien podriamos agregarle un <link ...         imp.document.write(div. innerHTML); //agregamos el objeto         imp.document.close();         imp.print();    //Abrimos la opcion de imprimir         imp.close(); / /cerramos la ventana nueva     } Para llamar la funcion: <div id="...

Introducción a JQuery Mobile

Imagen
" JQuery es un Framework Javascript, ampliamente usado por muchos desarrolladores de sitios webs. Este Framework sirve para incrementar la velocidad de desarrollo con Javascript, encapsulando muchas tareas comunes que se realizan cuando usamos el lenguaje JavaScript. Por otro lado JQuery Mobile consiste en un framework javascript para creación de sitios webs optimizados para los dispositivos móviles más populares. Agrega una capa más al JQuery tradicional y busca suplir algunas necesidades que los programadores de dispositivos móviles padecen. Antes de que aparecieran estas herramientas, los desarrolladores tenían casi que programar para cada dispositivo en concreto. Esto provocaba muchas horas de trabajo para la creación y mantenimiento de estos sitios. Con la aparición de JQuery Mobile, nos abstraernos de la lógica específica de cada dispositivo y de este modo los programadores podemos dedicarnos a lo que realmente importa. JQuery Mobile funciona bien. Si bien se ...

cheat sheets útiles

Acá dejo algunos cheat sheets útiles jQuery 1.4  http://labs.impulsestudios.ca/jquery-cheat-sheet jQuery 1.5  http://www.cheat-sheets.org/saved-copy/jQuery-1.5-Visual-Cheat-Sheet.pdf Codeigniter 2.0  http://labs.impulsestudios.ca/jquery-cheat-sheet Ubuntu  http://es.scribd.com/doc/51113585/Ubuntu-Cheat-Sheet Unity  http://ubuntulife.files.wordpress.com/2011/02/unity-cheatsheet_01.jpg CSS http://www.lesliefranke.com/files/reference/csscheatsheet.pdf CSS3  http://es.scribd.com/doc/46634301/Css3-Cheat-Sheet HTML5  http://www.storiesinflight.com/html5/

Libros gratuitos para Diseñadores Web y Desarrolladores

Desde que salieron los ebooks (libros electrónicos) soy fanático de ellos, nada mejor que poder tener un libro de cientos de páginas en un par de MB y que no estén pesando kilos en tu maleta. De seguro algunos de los siguientes libros les podrán ser de utilidad. Introduction to Good Usability by Peter Pixel (PDF) Web Accessibility Checklist by Aaron Cannon (PDF) CSS Systems For Writing Maintainable CSS by Natalie Down e (PDF) Better CSS Font Stacks by Nathan Ford (PDF) Faster, and More Secure Webfonts by Bram Pitoyo (PDF) Designing for the Web by Mark Boulton (PDF) Building iPhone Apps with HTML, CSS, and JavaScript by Jonathan Stark (PDF) UX Storytellers – Connecting the Dots (PDF) Essential JavaScript And jQuery Design Patterns by Addy Osmani (PDF) 20 Things I learned about Browsers and the Web (PDF) Taking Your Talent to the Web by Jeffrey Zeldman (PDF) Dive Into HTML 5 by Mark Pilgrim (PDF) jQuery Fundamentals (PDF) Data Structures and Algo...

Making Google’s Christmas Doodle with jQuery

Imagen
Making Google’s Christmas Doodle with jQuery : " This holiday season, Google once again lifted up the Christmas spirits of those, who visited their homepage, with their animated logo, or doodle, as they call it. Now, with the holiday behind our back, we can put the calories from that lavish diner into good use, and try to get in shape for the following week. So lets try to recreate Google’s animated logo with the help of jQuery and a bit of CSS! HTML First, the markup. As most of the HTML is generated by jQuery, we only need to specify a holder div. This is what our page looks like: index.html <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Making Google's Christmas Doodle with jQuery | Tutorialzine Demo</title> <link rel="stylesheet" type="text/css" href="css/styles.css" /> </head> <body> <div id=...

Cosas útiles I

Función Javascript para ir atrás en un enlace:  <a href="javascript:history.go(-1)">Regresar a la p&aacute;gina anterior</a> Función jquery para cambiar enlaces por imágenes: $("a[href*='delete']") .html('<img src="assets/img/del.jpg" title="Borrar">');   detalles en http://elin3t.blogspot.com/2010/09/jquery-cambiar-texto-de-enlace-por.html  Checkbox en codeigniter para guardar en BOOL en mysql <input id="habilitado" name="habilitado" type="checkbox" /> $res=($this->input->post('habilitado', TRUE)==TRUE)?1:0;  Archivo de configuracion de Apache /etc/apache2/apache2.conf Donde esta jquery? http://code.jquery.com/jquery-1.4.4.min.js Borrar archivos y carpetas .svn recursivamente rm -rf `find . -type d -name .svn`

Imprimir una DIV con Javascript o jQuery

Está función imprime un objeto seleccionado por el id, además podemos añadirle un estilo css para darle formato function imprimir(id)     {         var div, imp;         div = document.getElementById(id); //seleccionamos el objeto         imp = window.open(" ","Formato de Impresion"); //damos un titulo         imp.document.open();     //abrimos         imp.document.write('style: ...'); //tambien podriamos agregarle un <link ...         imp.document.write(div. innerHTML); //agregamos el objeto         imp.document.close();         imp.print();   //Abrimos la opcion de imprimir         imp.close(); / /cerramos la ventana nueva     } Para llamar la funcion: <div id="paraImpirmir">Lorem....

Video HTML5 con VideoJS

Imagen
Download Video: MP4 , WebM , Ogg HTML5 Video Player by VideoJS Visto en  http://craftyman.net

Jquery, cambiar texto de enlace por imagen

Imagen
Estoy desarrollando una aplicación y tenia los enlaces como texto y los quería cambiar por imágenes como no encontré otro tutorial les dejo acá el ejemplo: Para cambiar de forma generica todos los links que contengan en href la palabra 'delete' por el icono 'del.jpg' y los que tengan la palabra 'modify' por el icono 'edit.jpg', con jquery $(document).ready(function(){     loadLinks(); }); function loadLinks(){     var ls=$("a[href*='delete']");     ls.html('<img src="assets/img/del.jpg" title="Borrar">');     var lm=$("a[href*='modify']");     lm.html('<img src="assets/img/edit.jpg" title="Editar">'); } El resultado:

Tutorial rápido de jQuery

Imagen
El mejor resumen de lo que es jQuery lo podemos encontrar en el lema de su propia página web: “La librería JavaScript para escribir menos y hacer más”. Ampliando algo más esta definición, dejémoslo en que es una forma de convertir el desarrollo de la parte de cliente de una aplicación web en algo mucho más divertido, rápido y sencillo, facilitando la interacción con los elementos del árbol de documento, el manejo de eventos, el uso de animaciones, etc. Con algo más de 4 años de vida, jQuery se ha convertido en la librería JavaScript más utilizada actualmente, y es que, además, es gratuita, de código abierto (bajo licencia MIT y GPL v2) e increíblemente ligera. Entre sus usuarios podemos encontrar a Google, Microsoft, IBM, Amazon, Twitter, WordPress, Mozilla o Drupal. Para poder utilizar esta librería lo primero que tendremos que hacer será incluir su código en nuestro proyecto. Podemos descargar el script desde su página web, subirlo a nuestro servidor, y ejecutarlo con la etiqueta...