Jquery UI Dialog
Boa Tarde a todos.
Tenho uma pequena dúvida quanto ao enviar dados por javascript. Abaixo segue o link de um tutorial que quase sanou minha dúvida.
http://www.christopherchin.com/blog/demos/jquery/jquerydialog2.html
É o seguinte... preciso abrir algum conteudo especifico dentro de um dialog window do jqueryui, sendo assim achei esse código originado do link acima:
<scritp>
$(document).ready(function(){
//define config object
var dialogOpts = {
title: "My First AJAX dialog",
modal: true,
autoOpen: false,
height: 500,
width: 500,
open: function() {
//display correct dialog content
$("#example").load("beta/loremipsum.html");}
};$('#showdialog').click(
function (){
$("#example").dialog("open");
return false;
}
);
});
</script>
<body>
<a href="" id="showdialog">Mostrar Conteudo Primário</a>
<div style="display: none;" id="example" title="My First Ajax Dialog"></div>
</body>Ou seja, quando é clicado no link ele abri a div "example" em modal window e carrega o arquivo html citado no código.
O que eu quero fazer é quase isso, mas de uma maneira dinamica. Quero ter vários links:
<body>
<a href="" id="showdialog">Mostrar Conteudo Primário</a> <!-- aqui abriria paginaum.php -->
<a href="" id="showdialog">Mostrar Conteudo Segundário</a> <!-- aqui abriria paginadois.php -->
<a href="" id="showdialog">Mostrar Conteudo Terceiro</a> <!-- aqui abriria paginatres.php -->
<div style="display: none;" id="example" title="My First Ajax Dialog"></div>
</body>Só que sempre abrindo na mesma DIV, a questão é como transmitir na hora do click qual página quero abrir. Ou seja, escrever no trecho:
//display correct dialog content
$("#example").load("beta/loremipsum.html");} <----- AQUI, escrever a pagina que quero abrir, só que dinamicamente ---->
};
Entenderam? Espero muito que alguem possa me ajudar por favor.
Desde já sou grato.
Lucas Borges
Discussão (5)
Carregando comentários...