Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
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:
-
- Grava email;
- Grava Telefone;
- Grava Produtos;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.
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.
Você vai usar o jQuery ui pra abrir o modal?
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.
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!
Deu certo...
Obrigado pela ajuda.
>
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