Tutorial: Botón AJAX

Este ejemplo demuestra el uso del botón AJAX en un formulario de control.

Creando un Formulario de Control

1. Crear una nueva aplicación del tipo control.

2. En el menú de la aplicación, abra la carpeta “Campos” y luego haga clic en el elemento “Nuevo campo“.

3. Vamos a crear tres campos. Ingrese los campos de nombre y etiqueta de acuerdo a las imagenes a continuación:

En la cantidad colocamos los campos a Crear
Colocamos el tipo de campo, el nombre y la etiqueta del Campo.

4. En el menú de la aplicación, haga clic en el elemento “Botones >> Nuevo Botón” y seleccione el tipo “Ajax“.

Podemos personalizar el Botón de esta manera

5. Utilizaremos el siguiente código en el botón.

Botón

if (!empty($_SERVER['HTTP_CLIENT_IP'])) {
$ip = $_SERVER['HTTP_CLIENT_IP'];
} elseif (!empty($_SERVER['HTTP_X_FORWARDED_FOR'])) {
$ip = $_SERVER['HTTP_X_FORWARDED_FOR'];
} else {
$ip = $_SERVER['REMOTE_ADDR'];
}
 
$lang = substr($_SERVER['HTTP_ACCEPT_LANGUAGE'], 0, 2);

if(strpos($_SERVER['HTTP_USER_AGENT'], 'MSIE') !== FALSE) 
$browser = 'Internet explorer';
elseif(strpos($_SERVER['HTTP_USER_AGENT'], 'Firefox') !== FALSE) 
$browser = 'Mozilla Firefox';
elseif(strpos($_SERVER['HTTP_USER_AGENT'], 'Chrome') !== FALSE) 
$browser = 'Google Chrome';
if($lang == "es")
{
{info} = "Hoy es ".date('d-m-Y').", ".date('H:i:s')." y su IP es: ".$ip;
}
else
{
{info} = "Today is ".date('d-m-Y').", ".date('H:i:s')." and your IP is: ".$ip;
}
 
{browser} = $browser;
 
{language} = strtoupper($lang);

6. Ahora debemos de Configurar la “Barra de herramientas“.

Esta vez posicionaremos nuestro botón creado en la barra de herramientas inferior y centrado

7. Haga clic en el botón Ejecutar en la barra de herramientas.

Para ver más ejemplos creados con Scriptcase, vaya a: Ejemplos: Sistemas completos y aplicaciones con Scriptcase.

Tutorials in the same category

Tutorial: Formulário Multi-Etapas

En este tutorial veremos cómo crear un formulario de varios pasos, haciendo que el formulario sea m...

Form login responsivo 3

En este ejemplo, veremos cómo utilizar las Plantillas HTML disponibles para crear aplicaciones de ...

Tutorial: Form login responsivo 2

En este ejemplo, veremos cómo utilizar las Plantillas HTML disponibles para crear aplicaciones de...

Form login responsivo

En este ejemplo, veremos cómo utilizar las Plantillas HTML disponibles para crear aplicaciones de ...

Comment this post