Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Angelo-ti

[Resolvido] $_GET em jQuery Modal Window

Recommended Posts

Bom dia galera, preciso de ajuda, gostaria de saber como eu faço para fazer um $_GET em jQuery Modal Window, segue os codigos.

 

jQuery Modal Window,

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.1/jquery.min.js"></script> 

<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.5);

	//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">
body {
font-family:verdana;
font-size:15px;
}

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:375px; 
 height:203px;
 padding:10px;
 background-color:#ffffff;
}

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


 

Esse condigo funciona.

<a href="#dialog" name="modal">Janela Modal Simples</a></li> 

 

Preciso fazer um GET no link

Compartilhar este post


Link para o post
Compartilhar em outros sites

Com essa imagen vai entender melhor

 

uploadew.jpg

 

tenho um link com GET() do ID da tabela, para pode mostra um informaçao na DIV que vai abrir

 

preciso fazer <a href="arquivo.php?id=id"></a>

 

depois a DIV precisa receber essa informçao $_GET.

Compartilhar este post


Link para o post
Compartilhar em outros sites

Amigo da um olhada nesse esquema de modal bem mais facil de você adaptar ao que você quer não tenho o exemplo em mãso aki mais ja fiz isso

 

http://www.tidbits.com.br/click-modal-plugin-de-jquery-para-fazer-modal-lightbox

Compartilhar este post


Link para o post
Compartilhar em outros sites

ai você precisa abrir o modal usando ajax, e não uma marcação html fixa como esse código seu.

 

precisaria reescrever uma boa parte do teu script.

 

 

isso, se você não estiver disposto a usar algum outro pronto, como o fancybox.

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.