Ajaxman

[Ajax] Usando peticiones Ajax con Mootools

Tendré que hacer una comparación para ver cual framework es la que trabaja mejor, y es que viendo bien a Mootools me he quedado encantado.

mootools

Tal vez siga usando Jquery por que realmente me gusta la forma en la que uno la puede usar digamos en pocas palabras es simple, pero la única pega que a veces tenemos es el peso, y recordemos que el peso tiene que ver con la experiencia del usuario, y a veces unos cuantos Kbs de Javascript, puede transformase en alejarse de nuestro sitio web/Blog.

Ahora bien veamos como usarla para poder hacer peticiones XMLHttpRequest osea Ajax.

Como primer paso necesitaremos Descargarnos Mootools de Aquí:

http://mootools.net/download

Ahí hay que elegir los componentes que deseamos bajar, ya que esta librería esta como segmentada.

Debemos elegir solamente Ajax, ya que una vez eligiendo este componente, Mootools carga sus dependencias de componentes automaticamente.

Una vez que hemos bajado el Framewokr vamos a proceder a usarlo “en caliente” o sea sin tanta explicación y saben por que, bueno pues por que su uso es muy fácil, en cuanto tenga un poco mas de tiempo explicare mejor como funciona el core de esta libreria

Primero incluiremos la Librería Mootools

HTML:
  1. <script type=“text/javascript” src=“mootools-release-1.11.js”></script>

Posteriormente necesitaremos nuestro código html

HTML:
  1. <h3>Ejemplo Ajax</h3>
  2. <p><a id=“peticion” href=“#”>Click Aqui</a> para procesar la peticion ajax</p>
  3. <div id=“resultado”>
  4.     <p>Esperando respuesta…….</p>
  5. </div>

El funcionamiento de este ejemplo es el siguiente, al darle click a el elemento con el ID “peticion”, nos hará una petición ajax y el resultado de este proceso lo mostrara en la capa(div) identificada con el id “resultado”

Como ya tenemos el HTML que usaremos ahora nos falta el Javascript, que actuara en conjunto con Mootools

JAVASCRIPT:
  1. $(‘peticion’).addEvent(‘click’, function(e) {
  2.     e = new Event(e).stop();
  3.  
  4.     var url = “pagina2.php”;
  5.  
  6.     /**
  7.      * la url en cuestion
  8.      */
  9.  
  10.        /*
  11.    * nuevo objeto ajax
  12.     */
  13.     new Ajax(url, {
  14.         method: ‘get’,
  15.         // metodo ajax get o post
  16.         update: $(‘resultado’)
  17.         // donde se va  a insertar el resultado
  18.     }).request();
  19. });

Y listo

Creo que no hay mucho mas que explicar, de todos modos si tiene dudas ya saben por algo están los comentarios.

Prometo mas manuales/ayudas sobre el Framework Mootools, que seguro sera de gran ayuda en nuestros desarrollos.

Con información | Mootools Ajax

0 comentarios » por: Ajaxman Martes, 29 Abr 2008 a las 5:09 pm Pertenece a : Ajaxman, Javascript, Mootools, Programacion, Recursos Comparte

[Ajaxman] Aclarando….

Ayer como vieron no escribi nada no he escrito hoy, he estado algo ocupado con algunas cosas importantes, que les comentare a su debido tiempo.

No abandonare el blog ni mucho menos, pero si me he quedado sin mucho tiempo para escribir, y programame, no jala el captcha ni otra cosa, pero eso espero resolverlo a mas tardar la siguiente semana.

Tambien estoy desarrollando un tema mas limpio para el blog, es muy parecido a este, pero con menos publicidad y mejor diseño, aunque para el cambio falta bastante todavia.

Seguire escribiendo, he impondre unas tecnicas para mejorar dichos escritos, y ser mejor, asi que no dejen de visitarnos.

0 comentarios » por: Ajaxman Martes, 22 Abr 2008 a las 9:19 am Pertenece a : Ajaxman, Javier Comparte

[Eventos] FLISOL en México Festival Latinoamericano de Instalación de Software Libre

Me imagino que la mayoria de personas que visitan este blog tienen algun conocimiento sobre linux, y si no es asi esta es la gran oportunidad.

Les aviso que el dia 26 de abril de este año (2008) se lleva a cabo en diversos lugares el

FLISOL, (Festival Latinoamericano de Instalación de Software Libre)

flisol

El FLISOL (Festival Latinoamericano de Instalación de Software Libre) es el evento de difusión de Software Libre más grande en Latinoamérica. Se realiza desde el año 2005 y su principal objetivo es promover el uso del software libre, dando a conocer al público en general su filosofía, alcances, avances y desarrollo.

Para tal fin, las diversas comunidades locales de software libre (en cada país, en cada ciudad/localidad), organizan simultáneamente eventos en los que se instala de manera gratuita y totalmente legal, software libre en las computadoras que llevan los asistentes. Además, en forma paralela, se ofrecen charlas, ponencias y talleres, sobre temáticas locales, nacionales y latinoamericanas en torno al Software Libre, en toda su gama de expresiones: artística, académica, empresarial y social.

Este evento se realizara simultaneamente en varias sedes y en varios estados de la republica mexicana. como son

En en Df estara en las siguientes sedes:

  • CECyT 8
  • ESCOM - CIDETEC
  • UACM
  • UAM-I

Me he apuntado para ir a ayudar en la sede ESCOM -CIDETEC aun no me han confirmado, pero espero poder asistir, el horario sera de 9:00 a 18:00 hrs, pueden llevar sus equipos y con gusto les ayudaran(ayudaremos) ha instalar Linux, el cual segun supe podemos instalar diferentes distros, Ubuntu,Ubuntu, Kubuntu, Fedora, Knoopix, Debian, entre otras dependiendo del tipo y/o uso de usuario.

Tambien pueden hacer donaciones de CD’s en la escuela ESCOM -CIDETEC.

Les platicare que tal estuvo y si mi porqueria de celular funciona un poco mas pues les pondre unas fotos del evento.

Para mas informacion de este evento pueden consultar aqui | FLISOL México 2008

0 comentarios » por: Ajaxman Lunes, 14 Abr 2008 a las 2:03 pm Pertenece a : Ajaxman, Eventos, Javier, Linux, Noticias, Open Source Comparte

[Ajaxman] Problemas con SyntaxHighlighter para wordpress

Resulta que ayer al poner un post, me di cuenta que le codigo se habia duplicado.

ajaxmanTengo el plugin SyntaxHighlighter, y funcionaba bien con wordpress 2.3 pero cuando actualice a 2.5 me esta mostrando duplicados los codigos que escirbo en los post.

Si ven este error les comento que lo hire corriegiendo poco a poco, ya instale otro plugin que me trae menos problemas, digamos que funciona muy bien (excepto por que no me salen los numeros de linea) se llama iG:Syntax Hiliter, el cual usa como motor a Geshi, para colorear los codigos, la verdad me gusta mas que el otro y es mas facil de poner.

La instalacion me costo un poco de trabajo, y has el dia de hoy no he encontrado un buen manual donde digan como instalarlo sin problemas, les preparare uno con todo y los ajustes que le hice, pero mientras a corregir los codigos.

Cualquier pregunta pueden dejar comentarios o escribirme en la apgina de contacto http://www.ajaxman.net/contacto/

3 comentarios » por: Ajaxman Miércoles, 02 Abr 2008 a las 11:16 am Pertenece a : Ajaxman, Blogs, Javier, Wordpress Comparte

[Javascript - Jquery] Jhon Resig: aprendiendo javascript, y jQuery

Mientras siguo desarrollando el proyecto que me ha llevado mas tiempo de lo previsto, veo que los recursos para los desarrolladores web no paran de fluir.

El maestro Jhon Resig, que ya nos tiene acostumbrados a sus platicas, nos presenta un video en donde vemos el uso de Javascript, con algunos trucos que nos seran de gran utilidad.

Son consejos simples, en donde tambien vemos el uso/manejo del DOM, y por supuesto el manejo de Jquery, es en ingles, pero como muchos lo dominan bastante bien, se que no les sera dificil, les dejo el video a ver que les parece.

Javascript y Jquery

Y tambien les dejo el PDF de la presentacion para que puedan ver todo lo que se trato en el video

Descargar aqui PDF javascript y Jquery

Via | JavaScript Talk at Northeastern

0 comentarios » por: Ajaxman Martes, 01 Abr 2008 a las 12:38 am Pertenece a : Ajax, Ajaxman, Javascript, Jquery, Pdf, Programacion, Recursos, Tips, Videos Comparte

[Wordpress] Blog actualizado

Bueno, pues resulta que ayer me entere de que por fin despues de varios dias de espera, por fin estaba disponible la nueva version de wordpress, la 2.5.

wordpress 2.5

Pero ayer anduve corrigiendo, y estilizando algunas partes del blog como, los comentarios y la informacion de los post, como me gusta usar CSS, pero no se me da mucho y ademas con IE6 tuve otros problemas, pues fue un duro trabajo, pero al parecer ya se ve bien en Firefox, Opera e IE6-7.

Asi que hace unos minutos me decidi a actualizar el blog, y dejenme decirles que fue super facil, salvo un pequeño problema que tuve con los permisos y el .htaccess(lo cual lo solucione en un par de minutos), todo fue sencillo.

Pero no hubiera sido posible sin la grandiosa ayuda del post de un blog que visito regularmente.

Ahi encontraran un excelente tutorial para actualizar wordpress.

Enlace al tutorial | Tutorial: Actualizar a Wordpress 2.5.

Gracias ha ese post, la actualizacion fue cuestion de unos minutos, personalmente dejenme decirles que me encanto la interfaz de administración de wordpress 2.5 y la compatibilidad con mis plugins,los cuales son muchos, las imagenes ya se insertan mucho mejor en el blog, le uso de ajax en las tags y segun vi creo que aumento la velocidad de mi blog.

Hoy es un gran dia saludos y gracias a wordpress por alegrarnos con esta actulizacion.

Si desean pueden bajar wordpress, desde aqui: Wordpress 2.5

0 comentarios » por: Ajaxman Lunes, 31 Mar 2008 a las 12:26 am Pertenece a : Ajaxman, Javier, Noticias, Programacion, Recursos, Wordpress Comparte

[Manual] Usando PHP y MySQL, Insertando datos de manera dinamica parte 2

Bueno como vimos en el manual anterior de Php y MySQL, realmente no es tan complicado aprender este lenguaje.

ajaxman

Ahora que solo hemos visto como volcar los resultados de una consulta hecha a una base de datos MySQL, sin embargo vamos ha hacerlo mas creativo, ahoro procederemos acrear un formaulario donde nos permitira insertar nuevos registros y tambien otro donde nos permitira borrar los mismos.

Para empezar necesitamos un formulario que nos permita poder introducir datos y enviarlos mediante metodo post, le get no lo usamos por que se pueden enviar menos datos y ademas es mas inseguro.

Entoces hagamos nuestro formulario este archivo se llamara alta.php

HTML:
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  2.  
  3. <form method=“post” action=“alta.php”> <label>Escriba el nombre del alumno</label>
  4. <input name=“nombre” type=“text” /> <label>Escriba la calificación del primer parcial</label>
  5. <input name=“parcial1″ type=“text” /> <label>Escriba la calificación del segundo parcial</label>
  6. <input name=“parcial2″ type=“text” /> <label>Escriba la calificación del segundo parcial</label>
  7. <input name=“parcial3″ type=“text” /> <input value=“Aceptar” type=“submit” />
  8.  
  9. </form>

Una vez llenados los campos le damos click en aceptar y listo se envian los datos al mismo archivo; pero me imagino que se preguntaran por que lo mando al mismo archivo, pues para organizarlo mejor y no tener mil archivos ahora vamos a crear lo que nos permitira insertar datos en nuestra base.

Ahora haremos el script php que guardala la informacion recibida.

Nota importante: hare uso de la funcion var_dump, para verificar que información esta llegando,ya que var_dump revisa el contenido total de cierta variable y los muestra en pantalla.

PHP:
  1. var_dump($_POST);
  2. /*
  3. * use solo $_POST para que me diga todos los campos y valores que recibio mediante este metodo
  4. * Ahora bajaremos todas las variables recibidas a variables normales esto lo hago para mejorar
  5. * el mantenimiento de dicho script asi como por seguridad, ya que le agregare la funcion addslashes
  6. * la cual escapa comillas simples, dobles y algunos caracteres extranos, evitando que alguien hackee nuestro sitio
  7. */
  8.  
  9. $nombre=addslashes($_POST[‘nombre’]);
  10. $parcial1=addslashes($_POST[‘parcial1′]);
  11. $parcial2=addslashes($_POST[‘parcial2′]);
  12. $parcial3=addslashes($_POST[‘parcial3′]);
  13.  
  14. /*
  15. * Con lo anterior ya podemos usar nuestras variables mas comodamente y mas seguras
  16. * pero recuerden que, no con esto evitaremos ataques, o nuestra web sera 100% Segura
  17. * Sera, mejor dicho un poco mas segura
  18. * Ahora programemos la consulta que insertara los datos, recordemos que en el post anterior,
  19. * ya vimos como hacer una insercion mediante instrucciones SQL
  20. * tomaremos el mismo ejemplo
  21. * el digo era # INSERT INTO `calificaciones` VALUES (1,’Tux’,10,8,8,9);
  22. */
  23.  
  24. /*
  25. *Nos conectamos a la base de datos
  26. */
  27.  
  28. $DB=mysql_connect(“localhost”,“root”,“localhost”);
  29. mysql_select_db(“Alumnos”);
  30.  
  31. /*
  32. *creamos una varible que manejara la consulta, es similar al primer ejemplo
  33. * solo que aqui usaremos mas variables
  34. */
  35.  
  36. $sql=‘INSERT INTO `calificaciones` VALUES ("1","Tux",10,8,8,9)’;
  37.  
  38. /*
  39. * Aqui les mencionare un detalle, los valores anteriores se insertaran en los campos, en el orden
  40. * dado, osea que si agregan un campo o reorganizan la base de datos la consulta fallara
  41. * y por logica tambien fallara su a sitio web.
  42. * para evitar eso usaremos set par asignar valores, uno por uno
  43. * asi nos evitamos futuros problemas
  44. */
  45.  
  46. $sql=‘INSERT INTO `calificaciones` set Nombre="Tux", Parcial1=10, Parcial2=8, Parcial3′;
  47.  
  48. /* Listo sin embargo siempre insertara los mismos valores, ha hora reemplazaremos
  49. * los valores por variables y tenemos nuestro sql formado
  50. * para poner valores, los concatenamos con un punto (.) y si el valor es texto, lo ponemos entre comillas
  51. */
  52.  
  53. $sql=‘INSERT INTO `calificaciones` set Nombre="’.$nombre.‘", Parcial1=’.$parcial1.‘, Parcial2=’.$parcial2.‘, Parcial3=’.$parcial3;
  54.  
  55. /*
  56. * Ahora ejecutamos la consulta
  57. */
  58.  
  59. $Q=mysql_query($sql,$DB);
  60.  
  61. /*
  62. * Y listo ya insertamos los datos en nuestra base, sin embargo
  63. * es mejor estar seguro de que se insertaron los datos con exito.
  64. * por ello usando el operador if, preguntaremos si se inserto con exito
  65. * si hay exito mostraremos un texto y si no mandaremos un mensaje de error
  66. */
  67.  
  68. if($Q)
  69. {
  70. echo ‘ El registro se agrego correctamente’;
  71. }
  72. else
  73. {
  74. echo ‘Ups!! hubo errores con el registro, trata de revisar tu script’;
  75. }
  76.  
  77. /*
  78. * Mucho mejor no
  79. *
  80. */

Listo ahora metemos todo a un solo archivo y lo presentamos

Archivo alta.php
Seguir leyendo […]

0 comentarios » por: Ajaxman Jueves, 27 Mar 2008 a las 5:05 pm Pertenece a : Ajaxman, Descargas, Manuales, Mysql, Php, Programacion, Recursos Comparte
  

Buscar

¿No esta el articulo en portada? Utiliza nuestro buscador.

Realiza una donación a este blog

Agrega a Ajaxman a tus favoritos

Add to Technorati Favorites

Mis recompensas

0 / 2Mis recompensas
    Para conseguir recompensas tienes que dejar comentarios
-
Te faltan 20 comentarios para ganar una recompensa
20 comentarios por recompensa

Categorias