Ir para conteúdo

POWERED BY:

Arquivado

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

diego.djss

Carregamento de página

Por , em Javascript

Recommended Posts

diego.djss    0

diego.djss
Postado

Bem estou sendo meio chato no fórum com tantas perguntas e ai vai mais uma...Tenho uma página que nela tem três botões, cada botão abri uma div com o efeito modal do link a seguir "http://www.queness.com/resources/html/modal/jquery-modal-window.html". Minha dúvida é o seguinte, cada div tem um conteúdo único com isso crio três páginas e com javascript chama cada uma delas por cima da outra(nem imagino como faço isso) ou dentro da minha pagina principal coloco todas as div e as oculto assim que carregar a página e mostro cada uma assim que for clicado em seu botão correspondente??

 

Sugestões...

Compartilhar este post

Link para o post
Compartilhar em outros sites

Fiote    24

Fiote
Postado

Depende muito da sua forma de programar.

 

É mais simples/fácil fazer da segunda forma, simplesmente deixando conteúdo lá e alterando entre visível ou oculto. Mas isso é baguçado, porque seu index.html fica enorme e com muito código desnecessário pra carregar (vai que o usuário só quer ver o primeiro).

 

A segunda forma não é dificil. É só usar ajax pra buscar o conteúdo. Mas isso envolve num pequeno delay pro usuário.

Compartilhar este post

Link para o post
Compartilhar em outros sites

diego.djss    0

diego.djss
Postado

O que estou fazendo de errado :(. Quero carregar uma DIV que se encontra em outra página na DIV de "id=teste".

<!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=utf-8" />
<title>Untitled Document</title>
<script type="text/javascript" src="js/jquery-1.9.0.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$('#b1').click(function(e){
e.preventDefault();
$("#teste").load("index.html, .formulario");
});
});
</script>
<style type="text/css">
#teste{
width:500px;
height:500px;
position:absolute;
background-color:#CCCCCC;
top:50%;
left:50%;
margin-left:-250px;
margin-top:-250px;
}
</style>
</head>


<body>
<div id="teste">


</div>
<button id="b1">Botão 1</button>
<button id="b2">Botão 2</button>
</body>
</html>

 

Compartilhar este post

Link para o post
Compartilhar em outros sites

diego.djss    0

diego.djss
Postado
Conseguir fazer o método load funcionar mais ainda ficou um problema. Ele está carregando toda a minha página e não só a DIV #formulario. Têm algum erro no código abaixo.
<script type="text/javascript">
$(documento).ready(function() {
        $(".conteudo .left a").click(function(e){
e.preventDefault();
var href = $(this).attr('href');
$("#formulario").load( href + "#formulario");
});
    });
</script>

 

Compartilhar este post

Link para o post
Compartilhar em outros sites

Ted k'    126

Ted k'
Postado

".conteudo .left a"

 

A tag "a" está com link nela?

 

Pode ser isso, se tiver tire do link e coloque assim:

 

<a href="javascript:;" data-link=" ... seu link aqui...  ">CLIQUE</a>


<script type="text/javascript"> $(function() { $(".conteudo .left a").click(function(){ $("#formulario").load( $(this).data("link") + "#formulario");  }); }); </script>



			
		


		

			
				
					

	
	
		

			
				
				

					
				

			
			
			
		

	


				
			
			
    
				
					
					
					
				
				
  • 
					
				
    • 
			

		


		
			

		
	


	

		

			
Compartilhar este post

			

			
Link para o post

			
			
			

			
				
Compartilhar em outros sites

				

	

			
		

	



	



					
				
					
					
					






					
				
					
					
					






					
				
					
					
					







	

	

		

			
diego.djss
			  

	
		
	
			 0
	
		
	

		

		

			


	
		diego.djss
	

		

	

	
	

		



	

	

		

			
		


		

			Postado 
			
				
				
			
		

	


	


	

		
		

			

Acabei de descobrir que no firefox está funcionando. Agora falta os outros navegadores. 



Bom galera resolvido o problema e como pra min foi algo muito chato de resolver vou passa a informação detalhada. A solução foi simples, coloquei o projeto no XAMPP, estava executando diretamente sem utilizar um servidor e com isso as funções não funcionavam.


 


Valeu a ajuda de todos.



			
		


		

			
				
					

	
	
		

			
				
				

					
				

			
			
			
		

	


				
			
			
    
				
					
					
					
				
				
  • 
					
				
    • 
			

		


		
	


	

		

			
Compartilhar este post

			

			
Link para o post

			
			
			

			
				
Compartilhar em outros sites

				

	

			
		

	



	



					
				
			
			



		

	


	
	

	

	







	

		
			
				Ir para a lista de tópicos
				Javascript
			
		
	

	




	

	

	




						


	

		
	


					

					

	

		
        


	

		
    
			
				
					
					
  • 
				
					
					
  • 
				
					
					
  • 
				
			
		

	


		
            
			

	

		
		

			

				
			

		

	



		
	


					

				

			

			
		

		
		


	×
	

		

			

			

				
			


			
		

	



		

	































	
















		
			
		
		
		
		







	




	







	

		

			

				
Informação importante

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

			

			

				  Aceito