Envio de todo el contenido de un formulario por xAjax.

Envio de todo el contenido de un formulario por xAjax.

xajax_guardaInformacionDeEmpresa(xajax.getFormValues(‘guardaInfoID’))

Envio de todo el contenido de un formulario por xAjax.

Envio de todo el contenido de un formulario por xAjax.

Problemas con la codificacion XAjax

Problemas con la codificacion XAjax

Descripcion

Si se esta usanado xAjax en paginas web es posible que en algunas ocaciones se encuentran caracteres extraños en las bases de datos caracteres como “Ậ” en ves de aparecer letras con acentos como “á”, esta situacion no se debe tratar de solucionar con funciones que tranmsformen carateres, este problema es debido a la codificacion que tiene su pagina WEB y la codificacion que maneja xAjax.

Explicacion

El constructor del objeto xajaxResponse, el cual debeser usado en la funcion que implementa el procedimiento con Xajax por defecto manej codificacion utf-8 y en su pagina WEB por efectos de presentacion uted usa iso-8859-1 o latin1.

Como puede notar el tipo de codificacion cambia ya que son diferentes las codificaciones que se manejan en xAjax y la pagian WEB.

Pasos para mostrar caracteres espueciales desde una base de datos a una pagina HTML que usa Xajax

Garantizar que los datos proveniente de la base de datos se muestre de forma correcta.

1 Los datos que estan en la base de datos tienen caracteres especiales como “á, é, í,ó,ú”.

2 Al ser mostrados estos caracteres en la pagina HTML se debe realizar un tratamiento especial para garantizar la correcta visualizacion al realizarla transformacion correcta entre los carcateres especiales y su referencia deentidad, es decir que transforme elñ caracter “á” por “á” garantizando la correcta visualizacion de los datos.

Logica de la manipulacion de la informacion

1. En la carga inicial de la pagina esta ya debe traer los valores que estan inicialmente almacenados en una base de datos, el procedimiento seria:

1.1 Consultar a la base de datos.

1.2 Obtener los datos del campo que usted requiere.

1.3 Imprima el valor deseado con ayuda de la la funcion htlmentites(

) para garanteizar la correcta visualizacion de la base de datos.

2. Al realizar ediciones sobre los valores actualmente almacenados en la base de datos se hace uso de xAjax de la siguiente forma

2.1 En el forulario y con ayuda del metodo onChange de cada uno de los text que usted pernita hacer ediciones y en lenguaje de javascript llame a la funcion xajax que le realiza la actualizacion, recuerde que en este punto la codificacion que esta usando es la de la pagina WEB, es decir iso-8859-1.

2.2 LA funcion xAjax recibe los parametros y se procede a convertirlos en la codificicacion que xAjax  maneja utf-8, con la funcion utf8_decode();

2.3 Realize todos los procedimientos que su funcion implementa.

2.4 Antes de retornar el valor tiene que convertir la odificacion actual que usa xAjax de utf-8 a la que usa quien toma la respuesta HTML con codificacio iso-8859-1 con ayuda d ela funcion utf8_encode();

2.5 Retorne el valor en el id neceseario.

Pasos para almacenar caracteres especiales en bases de datos

Este error se presenta y es causa por la codificacion en el caso que su pagina web:

1. Use codificacion charset=”iso-8859-1″

2. El objeto de xAjax use codificacion “utf-8″

3. Dentro de sus formulario utilize caracteres fuera de la codificacion como “ñ” o caracteres acentuados tales como “á, é, í,ó,ú”.

Funciones php neceseraias

1. htmlentites () : Esta funcion transforma los caracteres que se indica en el parametro de entreda y los convierte en su equivalente HTML, es decir, si un parametro de entrada es el caracter “ñ”, la funcion devolvera” &ntilde”.

2. utf8_encode(): Codifica a utf-8.

2. utf8_decode():  Decodifica de utf-8.

Xajax con respuestas en etiquetas text

Xajax con respuestas en etiquetas text

Presentacion

En alñgunas aplicaciones en las que se usa Xajax es necesario retonar un valor en un campo deltipo text si es que la funcion de Xajax realiza alguna modificacion en lo ingresado al cuadro de texto, por ejemplo un texto que se ingresa en minuscula, se envia a la funcion de xajax, esta funcion transforma los caracteres a mayusculas,los almacena enlabase de datos y envia la frase midificada a el campo texto de nuevo.

Procedimiento

1. El valor que se le envia a la funcion de xajax en el evento onChange del texto se envia de la forma (document.nombreDelFormulari.nombreDelText.value)

<form name=”edicion”>

<input type=”text” name=”nombreUsuario” onChange=”xajax_nombreDeLaFuncion(document.edicion.nombreUsuario.value);” id =”nombreID”>

</form>

2.  Manejo de la respuesta en funcion

2.1 El manejo de la respuesta se da de esta forma

$respuesta->assign(“nombreDelID “,”value”,”repuesta”);

Xajax con respuestas en etiquetas

Xajax con respuestas en etiquetas

Presentacion

La forma mas facil de conocer el resultado de una transaccion con Xajax es necesario crear una respuesta con xajax.

Procedimiento

1.Cambiosen la funcion que se ejecuta con xajax

1.1 crear una respuesta Xajax

$respuesta = new xajaxResponse();

1.2 Asignar un resultado a la respuesta

$respuesta->assign(“nombreDelIdQueRecibeLaRespuesta”,”innerHTML”,”contenidoDeLaRespuesta”);

1.3 Retornar la respuesta

return($respuesta);

2. En el codigo HTML

2.1 Definicion de donde se recibe la respuesta

<div id=”nombreDelIdQueRecibeLaRespuesta”></div>

Ejecutar Xajax desde la carga de la pagina

Ejecutar Xajax desde la carga de la pagina

Descripcion

En algunas aplicaciones esnecesario mostrar un valor inicial mostrando alguna informacion, la forma correcta de realizar este procedimiento con ayuda de Xajax es el siguiente

Procedimiento

1. Dentro del codigo HTML y al final de la pagina se debe escribir el codigo

1.1 Indicar con HTML que serealizara un script del tipo de javaScript.

<script type=”text/javascript”>

1.2 Indicar la funcion y enviar los parametros que la funcion necesite

xajax_nombreDeLaFuncion(parametrosDeLaFuncion)

1.3 Terminar el Script

</script>

Xajax con respuestas en etiquetas select

Xajax con respuestas en etiquetas select

Presentacion

En este caso puntual se necesita un select que traiga por defecto el dia de nacimiento que esta seleccionado en la base de datos y atravez de ajax permita guardar los cambias en el mismo instante en el que el dia cambie.

Procedimiento

1. Definicion del formulario

<form name=”fechaNaci”>

2. Manejo del select

2.1 Definicion del select

<select name=”diaNac” onChange=”xajax_nombrDeLaFuncion(document.fechaNaci.diaNac.selectedIndex);” id=
“selectID”>

2.2 Cargar los posibles valores en el select y seleccionar el dia que esta seleccionado en la base de datos, con ayuda de PHP.

<option value=”1″>1</option>”;

3. Para enviar los indices de un SELECT se utiliza la intruccion document.”nombre del formulario”.”nombre del select”.selectedIndex dentro de la propiedad onChange

4. Si se requiere que la funcion xAjax modifique el valor del select lopuede realizar enviando una respuesta desde la funcion asi

$respuesta->assign($nombreIdDiv,”selectedIndex”,$valor);

Aclaracion adicional

Cuando se usanetiquetas del tipo value y los valores son enviuados a otras funciones por javaScript es importante entender que lo que se envia es un parametro llamado selectIndex.

Este parametro insdica la posicion que se selecciono pero no el valor que se envio.

De forma analoga al querer la funcion ajax modificar un valor de un select bdebe retornar el selectIndex indicado con un numero.

Uso de Xajax

Uso de Xajax

Introduccion

Xajax es uno de los michos FrameWorks Ajax que se encuentra libres en internet, este framework esta desarrollado con javacript y es funcional en paginas PHP.

Instalacion

1. Desde la pagina de descargas de XAJAX descargar elarchivo comprimido estandar.

2. Descomprimir el archivo con extension .zip en una carpeta que este accesible desde su servidor y renombrarala con nombre facil

como “xajax”.

Uso de Xajax

1. En cada una de las paginas WEB que baya a usar esta libreria, el primer proceimiento sera incluirla en las primeras lineas del codigo.

1.1 Por medio de la sentencia require llame el archivo xajax.inc.php en terminos de ruta relativa.

require(“xajax/xajax_core/xajax.inc.php”);

2. Cree un nuevo objeto xajax en la sigioente linea del codigo

$xajax = new xajax ();

3. Definicion de la funcion xajax: Defina la funcion y el proceso que esta implementa, en pricipio se define una funcion tipica con la

palabra function y se escribe la funcion.

4. Registre la funcion

$xajax->registerFunction(“nombreDeFuncion ”);

5. Procese el requerimiento Xajax.

$xajax->processRequest();

6. Dentro del codigo HTML y antes de cerrar la etiqueta head, usted debe colocar:

6.1 Indicarle al codigo la ubicacion de la carpeta Xajax.

<?php

$xajax->printJavascript(“Ruta completa de la carpeta de xajax”);

?>