[Resolvido] Abrir arquivo num Modal jQuery

[dataset 0]

Prezados, bom dia;

 

Usando o jQuery, estou alguns dias tentando abrir um arquivo (gravaemails.asp) dentro de um modal. Fiz algumas tentativas mas não fiquei satisfeito com o resultado.

 

Imagine o seguinte cenário:

 

Tenho uma página pai (index.asp) nela vou incluir 5 links:

 

1. 
    
   
2. Grava email;
   
3. Grava Telefone;
   
4. Grava Produtos;
   
5. Grava Endereço.
   

 

Cada link desse abre um arquivo distinto. Esse arquivo é aberto dento de um modal.

 

Já fiz várias pesquisas no decorrer dessas 3 semanas. Mas não estou conseguindo.

 

Alguém conhece o método $.ajax() ? Preciso de um exemplo pra dar inicio.

 

Thanks.

[William Bruno 1501]

Alguém conhece o método $.ajax() ? Preciso de um exemplo pra dar inicio.

você chegou a ver o manual oficial?

http://api.jquery.com/jQuery.ajax/

 

tem a documentação completa, e exemplos de uso

[dataset 0]

Sim, vi o site, várias vezes.

 

Não tenho certeza, mas esse site talves tenha a solução que preciso.

 

Ele traz apenas blocos de códigos ou funções isoladas. O problema é que não sei como unir isso e resolver a abertura do arquivo num Modal.

 

Por exemplo, acredito que essa função pode me ajudar.

 

$.ajax({
 url: "test.html",
 cache: false,
 success: function(html){
   $("#results").append(html);
 }
});

 

Mas agora como fazer ?

 

Para quem não sabe como fazer é um pouco diferente.

 

Com pedaços de código ou funções isoladas é praticamente impossível. Tendo um exemplo fica mais fácil, pois se tem um código pra estudo e modificações.

 

Por isso que o site não ajuda muito.

 

Então se alguém tem um exemplo, ou sabe como unir os exemplos pra abrir um arquivo num Modal usando o FrameWork jQurey por favor, compartilha.

 

Abraços.

[nelsonsar 0]

Você vai usar o jQuery ui pra abrir o modal?

 

Modal jQuery

[dataset 0]

Sim, a ideia é usar o jQuery pra abrir o Modal.

 

Eu ja tinha visto o link que você me passou, mas no exemplo, o conteúdo do modal está presente dentro de umas <div> na janela Pai.

 

No meu caso, o conteúdo do Modal vai ser um arquivo, por exemplo: gravaemail.asp

 

Dai eu queria usar o $.ajax() pra abrir. Veja:

 

Arquivo:

$(YOUR_ANCHOR).click(function (e) {
   e.preventDefault();

   // load the html file using ajax
   $.get("TTMD.html", function(resp){
       var data = $('<div></div>').append(resp);
       data.modal();
   });
});

 

Usando iframe:

$(YOUR_ANCHOR).click(function (e) {
   e.preventDefault();

   // change height, width and modal options as required
   $.modal('<iframe src=""TTMD.html" height="450" width="830" style="border:0">', {
       closeHTML:"",
       containerCss:{
           backgroundColor:"#fff",
           borderColor:"#fff",
           height:450,
           padding:0,
           width:830
       },
       overlayClose:true
   });
});

 

Fiz uns testes mas não deu certo.

 

você sabe como fazer a chamada de um arquivo pra dentro de um Modal usando o jQuery ?

 

Valeu.

[nelsonsar 0]

Cara eu faria assim:

 

<script type="text/javascript">

$(document).ready(function() {
  $("#abremodal").click(function(e) {
    e.preventDefault();
    $("#modal").dialog({"modal" : true});
  });
});

</script>

<a href="#" id="abremodal">Abre modal!</a>
<div id="modal"><iframe src="sua_pagina.asp"></iframe></div>

 

Dá uma olhada aqui e aqui que você consegue fazer tranquilo não precisa de AJAX nem nada...

 

Abraço!

[dataset 0]

Deu certo...

 

Obrigado pela ajuda.