Usuario:ManuelRomero/PHP/Examen segunda
De WikiEducator
< Usuario:ManuelRomero | PHP
Revisión a fecha de 20:12 25 may 2017; ManuelRomero (Discusión | contribuciones)
Ejercicio de xajax
- Este ejercicio simplemente tiene que añadir el usuario en una lista y escribir el nombre y fecha del último usuario insertado
- Muchos/as os habéis liado con sesiones y otro tema para la lista. No me lo había imaginado esto, no hace falta en absoluto, aunque así también se puede conseguir
- Os adjunto el código que como veis es bastante sencillo
| Ejercicio de xajax |
|---|
<?php //cargo la librería de xajax require ('xajax_core/xajax.inc.php'); $ajax = new xajax(); //Si quiero obtener el debug //$ajax->configure('debug', false); //Estas funciones podrán ser invocadas de forma asíncrona desde el cleinte $ajax->register(XAJAX_FUNCTION, 'modificar_html'); //Este método procesará las llamadas que reciba la página //Imporante llamarla antes de que el guión genere ningúna salida. $ajax->processRequest(); //Por si cambiara la ubicación de xajax_js //$ajax->configure('javascript URI','./'); //La librería necesita generar código java script en la página que envíamos al cliente $ajax->printJavascript(); /** * * @param string $nombre nombre insertado en el formulario * @return \xajaxResponse objeto xajax para actualizar la página en el cliente */ function modificar_html($nombre) { $respuesta = new xajaxResponse(); $texto = "Te has conectado como $nombre a las " . date("H-i-s", time()); //Insertamos un nuevo texto en un elemento html $respuesta->assign('datos', 'innerHTML', $texto); //Actualizamos un elemento en la página html $lista = "<li>$nombre</li>"; $respuesta->append('lista', 'innerHTML', $lista); return $respuesta; } ?> <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Página de ejemplo ajax</title> </head> <script type="text/javascript"> function modificar() { var nombre = document.getElementById('nombre') xajax_modificar_html(nombre.value); } </script> <body> <div id="datos"><h2>No te has conectado hasta ahora</h2></div> <h1>Esta imagen no va a cambiar</h1> <img src="imagen.jpg" /><br /> <form action="javascript:void(null)" method="post" > <label for="nombre">Nombre </label> <input type="text" name="nombre" id="nombre"> <br /> <input type="submit" value="actualizar" onclick= 'modificar();' /> </form> <ol> <div id="lista"></div> </ol> </body> </html> |
