Abrir URL na janela modal

[Anderson Oliver 0]

Pessoas bom dia,

 

Estou com um problema aqui. Possuo um modulo no sistema que ao clicar num determinado link é aberta uma janela via JS (window.open) para mostrar o conteúdo da requisição feita.

Mas agora vou implantar a janela modal para abrir este mesmo conteúdo, mas não estou sabendo como fazer esta requisição para mostrar na janela modal o mesmo conteúdo mostrado no js com window.open

 

Segue abaixo os códigos:

 

Código do JS com o window.open que está funcionando.

 

<td height="25" align="center">
<a href="#" onClick="window.open('?control=HistoricoAtendimentoController&acao=ConsultarProtocolo&protocolo=<?php echo $r['PROTOCOLO'] ?>', 'Pagina', 'STATUS=NO, TOOLBAR=NO, LOCATION=NO, DIRECTORIES=NO, RESISABLE=NO, SCROLLBARS=YES, TOP=10, LEFT=10, WIDTH=1055, HEIGHT=650');"><?php echo $r['PROTOCOLO'] ?></a></td>

 

 

Código da janela modal configurada para receber o conteúdo da URL, como no caso acima:

 

<td height="25" align="center">

       <a href="#dialog" name="modal" href=""><?php echo $r['PROTOCOLO'] ?></a>
       <div id="boxes">
       <div id="dialog" class="window">
       <a href="#" class="close">Fechar [X]</a> 
	*** INFORMAR AQUI ***
       </div>
       <!-- Máscara para cobrir a tela -->
       <div id="mask"></div>
       </div>

       </td>

 

E o código Jquery da configuração da janela modal:

 

<script type="text/javascript">

$(document).ready(function() {	

$('a[name=modal]').click(function(e) {
	e.preventDefault();

	var id = $(this).attr('href');

	var maskHeight = $(document).height();
	var maskWidth = $(window).width();

	$('#mask').css({'width':maskWidth,'height':maskHeight});

	$('#mask').fadeIn(1000);	
	$('#mask').fadeTo("slow",0.8);	

	//Get the window height and width
	var winH = $(window).height();
	var winW = $(window).width();

	$(id).css('top',  winH/2-$(id).height()/2);
	$(id).css('left', winW/2-$(id).width()/2);

	$(id).fadeIn(2000); 

});

$('.window .close').click(function (e) {
	e.preventDefault();

	$('#mask').hide();
	$('.window').hide();
});		

$('#mask').click(function () {
	$(this).hide();
	$('.window').hide();
});			

});

</script>

<style type="text/css">

a {color:#333; text-decoration:none}
a:hover {color:#ccc; text-decoration:none}

#mask {
 position:absolute;
 left:0;
 top:0;
 z-index:9000;
 background-color:#000;
 display:none;
}

#boxes .window {
 position:absolute;
 left:0;
 top:0;
 width:440px;
 height:200px;
 display:none;
 z-index:9999;
 padding:20px;
}

#boxes #dialog {
 width:700px; 
 height:500px;
 padding:10px;
 background-color:#ffffff;
}

.close{display:block; text-align:right;}

</style>

[Ted k' 126]

Você vai ter que passar via ajax esse conteúdo e jogar o resultado na div do modal

 

Pode usar o jQuery para isso!

 

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