Posts etiquetados ‘jQuery’


You can read the English version of this post in http://phpsblog.agustinvillalba.com/upload-progress-bar-in-codeigniter-without-flash/

Hoy vamos a ver cómo podemos crearnos una barra de progreso de subida de archivos en CodeIgniter sin la necesidad de recurrir a librerías o plug-ins hechos en Flash (del tipo SWFUpload, etc) que escapan a nuestro control, dado que habitualmente estas librerías nos ofrecen los archivos .swf ya compilados, por lo que nos es imposible modificar nada en ellos, en el caso de que tengamos conocimientos de programación en ActionScript 2 o 3.

Antes que nada hemos de decir que crear una barra de progreso de subida de archivos en PHP no es tan sencillo como pudiera parecer. El primer problema es que las versiones de PHP anteriores a la 5.2 no ofrecen las herramientas necesarias para poder ofrecer información sobre cómo la subida del archivo en cada momento. El segundo problema es que AJAX, por sí solo, no nos permite consultar el estado de la subida del archivo, dado que, por razones de seguridad obvias, JavaScript no tiene acceso a los archivos del sistema operativo del cliente, por lo que necesitaremos un “truco” utilizando un iframe.

(más…)

Anuncios

You can read the English version of this post in http://phpsblog.agustinvillalba.com/scrollto-jquery-plug-in-css/

Hoy vamos a hablar un poco del plug-in para jQuery scrollTo y su dependencia “oculta” con la carga de nuestros archivos CSS.

scrollTo de jQuery

El plug-in scrollTo de jQuery (desarrollado por Ariel Flesler) nos permite que nuestra página web realice un scroll (desplazamiento de la barra vertical) hasta cualquier elemento de nuestro documento web que necesitemos, de esta forma podemos centrar la atención del usuario en dicho elemento cada vez que se recarga la página (por ejemplo, una entrada del menú de la izquierda en nuestra web), evitándole al usuario tener que hacerlo él manualmente. En la web del proyecto del plug-in podrás encontrar toda (o casi toda) la documentación necesaria para integrarlo en tu proyecto web. De más está decir que para poder utilizarlo has de incluir también en tu proyecto el propio framework JavaScript jQuery. A este plug-in que tan útil me ha sido sólo le encontré un pequeño fallo de documentación…
(más…)


You can read the English version of this post in http://phpsblog.agustinvillalba.com/sending-forms-ajax-codeigniter/

Hoy vamos a explicar cómo podemos enviar un formulario por AJAX utilizando jQuery en CodeIgniter, de tal forma que evitamos que se recargue toda la página, dando un aspecto de aplicación de escritorio a nuestra aplicación web, pudiendo realizar determinadas acciones sin necesidad de recargar toda la vista del usuario.

Creando el formulario

Lo primero que necesitamos es crear nuestro formulario. En este caso vamos a crear un formulario genérico, en el que intentaremos añadir diversos tipos de campos para hacer el ejemplo más completo, pero funcionalmente no es muy útil, todo sea por la didáctica… Así que en nuestro archivo de vista de CodeIgniter añadimos el siguiente código:
(más…)


You can read the English version of this post in http://phpsblog.agustinvillalba.com/codeigniter-json-jquery/

En este post vamos a hablar sobre cómo recibir datos mediante JSON en CodeIgniter utilizando el framework de JavaScript jQuery. Pero antes aclaremos un poco qué es en realidad JSON y para qué sirve.

¿Qué es JSON y para qué sirve?

JSON viene del inglés JavaScript Object Notation, es decir es una notación de objetos en el lenguaje JavaScript. Es una forma de escribir las propiedades de los objetos en JavaScript para que éstos puedan ser enviados entre servidor y cliente y viceversa. (más…)


You can read the English version of this post in http://phpsblog.agustinvillalba.com/adding-ajax-codeigniter-jquery/

Hoy vamos a hablar sobre cómo añadir AJAX al framework de desarrollo PHP CodeIgniter. Cuando comencé a trabajar con este framework me resultó bastante extraño que no tuviera bastante avanzada la integración de AJAX en él, dado que es un framework relativamente nuevo y la metodología AJAX lleva ya unos años expandiéndose en el desarrollo web. Dado que esta semana me ví en la necesidad de integrar AJAX en mi aplicación CodeIgniter y el framework de JavaScript jQuery, he estado buscando mucha información sobre este tema en la red y la verdad es que, además de estar muy dispersa, no es muy abundante y tampoco muy clara, así que aquí va mi aportación a partir de lo que he aprendido, espero sea de utilidad. (más…)