Proyecto integrado - Gestión Servidores (HTML-CSS-PHP-MySQL-JQuery)

[fjsermu]

Hola llevo bastante tiempo leyendo este foro en las sombras y bueno ahora estoy acabando la F.P.S de Administración de Sistemas Informáticos.

Como algunos sabrán se requiere hacer un proyecto final para completar el curso. Mi idea es realizar una web utilizando PHP, MySQL, JQuery. Para crear una aplicación que permita la gestión de servidores desde una interfaz web.

La primera versión de mi web lo hacía todo correctamente sin JQuery. Luego decidí mejorarlo con este framework de JavaScript.



En principio la idea es lo que estais viendo en la imagen.

El navegador carga los div (En principio vacíos).
Luego con Ajax se cargan de información.
Ajax se comunica con un fichero php "cmdsend.php". (Este fichero solo contiene un switch que dependiendo de la opción que le llegue por POST llama a un método u otro).

Algo así:

Código PHP:

if(isset($_POST['cmd'])){
    switch($_POST['cmd']){
        case 'cnav':
            echo "prueba";
            break;
        case 'load_footer':
            controller::gui_get_footer();
            break;
        case 'load_cnav':
            $oConn->db_query_cnav();
            break;
    }
}
 

Aquí me surge una duda que me hace pensar si este planteamiento es correcto o no. Puesto que al intentar llamar con AJAX la primera vez para cargar los DIV, necesito que estos datos se incluyan en el dom para luego ser vueltos a tratar con JQuery.
La funcion live() no permite que sea llamada después de que el documento esté listo (o al menos eso creo).
Había pensado en una pequeña ventana emergente con algo así como "Bienvenido!" con un botón para poner el evento click a la funcion live. Y así conseguir que todo se cargara. Pero lo veo un poco chapuzas. ^^

¿Teneis alguna idea para hacer funcionar esto con live()? No se si existe algo más en JQuery para añadir peticiones AJAX al DOM. Sin que sea necesario recurrir a plug-ins de terceros.

Estoy abierto a cambios, aunque esto suponga volver a escribir el código (no es mucho^^).

P.D: He colocado este hilo aquí porque la idea es ir colgado mi proyecto por si en el futuro le puede ser útil a alguien. Estuve pensando en colgarlo en la sección de JQuery, ya que mi primera pregunta es relaciona con esta tecnología. Pero como quiero ir posteando mis avances en este hilo para que sea útil a los demás. Pues he deducido que estaría mejor en web en general. Si me he equivocado, os pido disculpas.

[fjsermu]

Al final con el plugin livequery lo he conseguido. Aunque no entiendo porqué tras hacer esto:

function load_cnav(){
$("#cnav").livequery(function(){
$(this).load("includes/cmdsend.php", {"cmd": "load_cnav"});
});
};

Y hacer la correspondiente llamada a load_cnav(). Tengo que hacer esto:

$("#cnav > ul > a > li").livequery("click",function(){
var server_id = $(this).attr("id");
alert("click! in number " + server_id);
});

No entiendo porqué tengo que volver a llamar a livequery para que funcione el evento click. Si le quito livequery entonces esto no funciona. Pero bueno lo importante es que ya funciona al fin y al cabo.