Ele é bem prático, dá para usar com iframe, fotos, etc...
A dica que vou dar aqui é para usar o SuperBox para abrir uma janela modal com a resposta do envio do formulário. Ou seja, o formulário vai ser enviado ao clicar em um botão. O conteúdo da página resposta é carregado dentro de uma div. O conteúdo dessa div é mostrado dentro da janela modal.
Para usar esse script é bem simples. Basta baixar o SuperBox nesse link abaixo
http://pierrebertet.net/projects/jquery ... index.html
Coloca os arquivos baixados em uma pasta, e adiciona sua versão do jQuery a essa pasta.
Crie um documento de teste, e coloque o seguinte dentro do head
<link rel="stylesheet" href="jquery.superbox.css" type="text/css" media="all" />
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="jquery.superbox-min.js"></script>
<script>
$(document).ready(function() {
$.superbox();
// envia é o id do botão que envia o formulário
// submit.php é a página que recebe a informação do formulário
// nome é o id do campo que tem o valor enviado
// conteudo é a div onde o conteúdo de submit.php é carregado
// link é o href que chama o SuperBox
$('#envia').click(function() {
$.post("submit.php",
{
nome:$('#nome').val()
},
function(valor){
$('#conteudo').html(valor)
$('#link').click();
})
})
$.superbox.settings = {
boxId: "superbox", // Id attribute of the "superbox" element
boxClasses: "", // Class of the "superbox" element
overlayOpacity: .8, // Background opaqueness
boxWidth: "600", // Default width of the box
boxHeight: "400", // Default height of the box
loadTxt: "Loading...", // Loading text
closeTxt: "Close", // "Close" button text
prevTxt: "Previous", // "Previous" button text
nextTxt: "Next" // "Next" button text
};
});
</script>Dentro do body vai o seguinte:
<form action="#" method="post">
nome <input type="text" id="nome" name="nome" value="">
<input type="button" id="envia" value="envia">
</form>
<div id="conteudo" style=""></div>
<a href="#conteudo" id="link" rel="superbox[content]" style=""></a>Obs.: Coloque display:none; dentro dos styles div e no href.
O submit.php nesse teste terá o seguinte:
<?php
echo $_POST['nome'];
?>Teste e adapte como precisar.
