F�rum Mudando de Click Function para Onload #559532

25/07/2016

Bom dia a todos. Estou procurando a algum tempo e n�o achei uma resposta parecida, caso exista pe�o desculpas.
Estou fazendo uma p�gina que ap�s o usu�rio clicar em um link a respeito de uma data, ao clicar na data � redirecionado para a p�gina que vai mostrar o resultado em uma tabela.
Queria fazer que a tabela aparecesse como uma janela e ao clicar ele voltasse para a p�gina de origem.
O problema que achei um c�digo no site maujor e n�o estou conseguindo adaptar. Segue o c�digo.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
		<title>jQuery Modal Window</title>
		<link rel="stylesheet" type="text/css" href="css/estilo01.css">
		<script type="text/javascript" src="js/jquery-1.8.2.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.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>
		
	</head>
	<body>
		<h2>Exemplos - Janela Modal com jQuery</h2>

		<ul>
			<li><a href="http://www.maujor.com/blog">Link Normal para o Blog do Maujor</a></li>
			<li><a href="#dialog" name="modal">Janela Modal Simples</a></li>
		</ul>

		<div style="font-size:10px;color:#ccc">Mat�ria publicada sob as normas de licenciamento Creative Commons Attribution 3.0</div>

		<div id="boxes">

		<div id="dialog" class="window">
			<a href="#" class="close"><img src="img/btnFechar.png"></a>

			Resultado para o dia 22/07/2016
  
			<table id="tblResultado">
				...
			</table>
		</div>
		  

		<!-- M�scara para cobrir a tela -->
		  <div id="mask"></div>

		</div>

		


		� <a href="http://www.maujor.com/blog/2009/04/16/janela-modal-com-jquery/">Voltar para o tutorial</a>
	</body>
</html>

O que eu queria �:
1�. Apresentar a div.#modal no load da p�gina, sem que o usu�rio precisasse clicar em mais nada
2�. Quando clicasse no fechar, ele fechasse a p�gina, pois carregar� abrindo uma nova janela.

Eduardo Guimaraes

Curtir t�pico

+ 0

Responder

Posts

25/07/2016

Eduardo Guimaraes

Bom gente, acabei localizando a resposta no site do William Bruno.
Segue o link: Link

Responder

Gostei + 0