Elin3t, Living the web

Entradas

Mostrando las entradas etiquetadas como tutorial

Introducción a JQuery Mobile

- marzo 31, 2011

" 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 ...

Libreoffice, repositorio para Ubuntu, Guía de instalación

- enero 21, 2011

LibreOffice, por fin se encuentra disponible el PPA para instalarlo y estar al día con las actualizaciones de manera cómoda, sin estar pendiente de entrar a descargar los DEB que hayan salido. El PPA contiene paquetes para las versiones de Ubuntu 10.04, 10.10 y 11.04 Hay que tener en cuenta que para poder instalar LibreOffice hay que desinstalar por completo primero OpenOffice . Ya que nos ponemos con las manos en la consola, pues nada mejor que empezar por hacer esto desde allí: sudo apt-get purge openoffice*.* Y después, pues nada, lo de siempre: añadir el PPA e instalar la aplicación. sudo add-apt-repository ppa:libreoffice/ppa sudo apt-get update sudo apt-get install libreoffice Luego, para que se adecúe a nuestro entorno de escritorio, instalaremos uno de estos dos paquetes que pongo a continuación. Para Gnome : sudo apt-get install libreoffice-gnome Para KDE sudo apt-get install libreoffice-kde Por último, pas...

Making Google’s Christmas Doodle with jQuery

- diciembre 26, 2010

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=...

Google crea una web para ayudar a los niños a enseñar informática a los padres

- diciembre 13, 2010

Google acaba de lanzar teachparentstech.org , una web que, según informan en el blog oficial , pretende ayudar a los niños a enseñar informática a sus padres. En ella podemos seleccionar más de 50 video-tutoriales que podremos enviar a los padres, desde uno explicando la filosofía del Copy-paste hasta temas más complejos como el uso de google como calculadora. Una interesante iniciativa de la que podéis obtener más datos en googleblog.blogspot.com Visto en Google crea una web para ayudar a los niños a enseñar informática a los padres

Cosas útiles I

- noviembre 19, 2010

Función Javascript para ir atrás en un enlace: <a href="javascript:history.go(-1)">Regresar a la pá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

- octubre 21, 2010

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....

Recuperar el arranque de windows en el grub2 de Ubuntu 10.04 y 10.10

- octubre 07, 2010

Hoy tuve un inconveniente con mi equipo, al instalar ubuntu no reconoció el arranque del windows 7. Creo que tuvo que ver el editar las particiones manualmente. Actualización: Si no está instalado el GParted, se ejecuta: sudo apt-get install gparted -y para instalarlo Si esto pasa por el motivo que sea la solución es muy sencilla. escribimos en la terminal sudo gparted o en el menú sistema->administración->GParted y sobre la partición de del windows hacemos clic derecho -> Gestionar opciones y allí seleccionamos boot Luego desde la terminal escribimos: sudo update-grub Y reiniciamos y listo!! También debe funcionar en cualquier distro que tenga grub2 :)

Wavemaker, Listar y descargar archivos desde MySQL

- octubre 02, 2010

Una de las funciones que he necesitado y me han ayudado mucho es poder ver o descargar archivos (tipo blob, o longblob) desde una base de datos. Espero que este ejemplo les sea de ayuda y les sirva para integrarlo en otros proyectos: Lo primero es el modelo: para facilidad al obtener la descarga, vamos a guardar todos los archivos en una sola tabla y en las demás solo se verán como una FK. aunque también se podría dejar el nombre y el id. Esto también puede sernos de utilidad si para hacer el upload usamos el widget FancyUpload. Veamos el modelo: Lo otro que necesitamos es el query en HQL en nuestro proyecto. Luego de importar la base de datos. Creamos el query que traerá los datos del archivo del contacto dependiendo de la relación. 3. Y lo para hacer la descarga haremos un JavaService. Este es el código y la explicación.

Jquery, cambiar texto de enlace por imagen

- septiembre 23, 2010

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

- abril 21, 2010

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...