No se muestra mi ventana modal :S

[xch3k0]

Tengo un formulario donde mi resultado quiero que sea mostrado en una ventana modal, he estado investigando al respecto y lo hice con AJAX, el detalle es que tengo todo "bien" pero no se muestra nada :S, he usado la consola de depuración de chrome pero no me muestra ningún error, si alguien pudiera ayudarme...

Este es mi código:

http://pastebin.com/Wd7qLSh2

[Alexis88]

Te faltó insertar el resultado dentro de la ventana modal, además de colocar el $ adelante:

Código Javascript:

$('#miModal').html(data).modal('show');
 

Saludos

[xch3k0]

¿¿Como inserto el resultado dentro de la ventana moda?? Esa parte no la entendí...

Ya le hice las correcciones pero aun así sigue sin mostrarse, lo que hice fue llamarlo con:

onClick="resultado_modal()"

Se muestra un copia de mi pagina web como si fuera modal y con el resultado mi consulta. Aun así creo que estamos cerca de resolverlo...

Si me pudieras asesorar...

[Alexis88]

Si no me equivoco, de esta forma es que haces la petición asíncrona:

Código Javascript:

function resultado_modal()
{
    $.ajax({
        type: 'POST',
        url: '<?=base_url("index.php/consulta")?>',
        data: $("#formulario").serialize(),
        success: function(data){
            ('#miModal').modal("show");                  
        }
    });
}
 

Entonces, si te fijas bien, el Div de id "miModal" es mostrado, pero no le asignas un contenido, además, no colocas el signo de dólar $ delante de los paréntesis. Para asignar un contenido a un elemento con jQuery, debes usar el método html(), con el cual asignarás la respuesta de la petición.

Quedaría así:

Código Javascript:

function resultado_modal()
{
    $.ajax({
        type: 'POST',
        url: '<?=base_url("index.php/consulta")?>',
        data: $("#formulario").serialize(),
        success: function(respuesta){
            $('#miModal').html(respuesta).modal("show");                  
        }
    });
}
 

Saludos