<html>
<head>
<title>Probando iAJAX</title>
<?php
// 1. Referencia a la clase AJAX
include_once ("cls_iajax.php");
// 2. Creación de un objeto AJAX
$iAJAX = new iAJAX;
// 3. Referencia al fichero ajax.js
echo $iAJAX->head_ref ();
?>
</head>
<body>
<?php
// 4. Modificación necesaria de la arquitectura:
// Si no hay llamada AJAX, se muestra el contenedor objeto_modificable.
// Si hay llamada AJAX, no se muestra el contenedor, sino su contenido.
//
// Nota 1: Esta modificación en la arquitectura es una entre muchas posibles.
// Nota 2: Es recomendable usar href="javascript:void(0);", que funciona tanto
// con el motor Mozilla como con Trident.
if (!isset ($_GET["modo"]))
{
echo "<div id=\"objeto_modificable\">Contenido inicial</div>\n".
"<a href=\"javascript:void(0);\" ".
$iAJAX->llamada_ajax ("objeto_modificable", "?modo=ajax").">Modificar</a> \n".
"<a href=\"javascript:void(0);\" ".
$iAJAX->llamada_ajax ("objeto_modificable", "?modo=inicial").">Reiniciar</a>\n";
}
elseif ($_GET["modo"] == "ajax")
{
echo "Contenido modificado";
}
elseif ($_GET["modo"] == "inicial")
{
echo "Contenido inicial";
}
?>
</body>
</html>
|
Download
