[SOLUCIONADO] Cargar todo en un div principal

[OneBlaack]

Buenas noches amigos quería consultar si existe alguna librería o me puede decir si es posible y creo que lo es ya que e logrado hacer que se cargue los <a> del menú en un div general por así decirlo pero ahora mi problema es que cuando cargo formularios no logro hacer que los formularios se carguen en este div ya dicho.

Esta es la función que uso para obligar a los <a> cargar en el div.

Código Javascript:

$("a").click(function()
    {
        var url = $(this).attr("href");
        $("div[rel=contenido]").empty();
        $("div[rel=contenido]").load(url);
    });
 

Ya desde antemano muchas gracias.

[Eleazan]

Puedes capturar los submit del formulario...


Lo unico que tendrás que usar $.ajax (o $.get o $.post) para pasar la info ;)

Algo así como

Código Javascript:

$("a,input[type=submit]").click(function(event)
    {
        event.preventDefault(); //Nos aseguramos que no funciona el click por defecto del a o el submit
        if( $(this).get(0).tagName == "a") {
            var url = $(this).attr("href");
            $("div[rel=contenido]").empty();
            $("div[rel=contenido]").load(url);
        }
        if( $(this).get(0).tagName == "input") {
            var $form = $(this).closest("form");
            var url = $form.attr("action");
            var data = $form.serialize();
            $.post(url, data, function(resultado) { 
                  $("div[rel=contenido]").empty();
                  $("div[rel=contenido]").html(resultado);
             });
        }
    });
 

Es solo una orientación... lo he escrito de cabeza, puede tener errores... y es bastante mejorable! Pero así tienes una idea de como hacerlo ;)

Saludos