Ir para conteúdo

POWERED BY:

Arquivado

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

Carol Black

[Resolvido] Como se faz links iguais aos do tópico de do fó

Por , em PHP

Recommended Posts

Carol Black    1

Carol Black
Postado

Oii pessoal!!

 

Preciso de uma ajuda,

 

Como se faz os links iguais aos do tópico de ajuda do fórum?

[http://forum.imasters.com.br/index.php?app=core&module=help]

(infelizmente o meu Google Chrome não abre a caixinha de links pra eu colocar link ai, é crtl+c, crtl+v)

 

 

Imagino que já deve existir um tópico com essa dúvida, mas eu nem sei o nome desse script para procurar, desculpem se eu repeti assunto. ;)

 

Obg!!

Compartilhar este post

Link para o post
Compartilhar em outros sites

Dee    0

Dee
Postado

É um link com uma função onClick que abre uma DIV embaixo com a informação pertencente.

 

Tipo:

 


<a href='#' id='link1' onClick="abre(this.id)"> Link 1 </a>
<br>
<div id='mostrar' style='display:none;'>dasdsadasdsadasdasdasdsadsadasdsadas</div>

dae você cria uma função Javascript assim:

<script type='text/javascript'>
function abre(id)
{
   document.getElementById("mostrar").style.display = 'block';
} 
</script>

Praticamente eh isso, dae você tem que tratar, qual que é se tiver vários. E tbm para clicar de novo e desaparecer. =)

Compartilhar este post

Link para o post
Compartilhar em outros sites

Renato Siroma    2

Renato Siroma
Postado

Corrigindo:




<script type='text/javascript'>



function abre()



{



   document.getElementById("mostrar").style.display = 'block';



} 



</script>


 



<a href='#' onclick="javascript: abre();"> Link 1 </a>



<br>



<div id='mostrar' style='display:none;'>dasdsadasdsadasdasdasdsadsadasdsadas</div>



			
		


		

			
				
					

	
	
		

			
				
				

					
				

			
			
			
		

	


				
			
			
    
				
					
					
					
				
				
  • 
					
				
    • 
			

		


		
			

		
	


	

		

			
Compartilhar este post

			

			
Link para o post

			
			
			

			
				
Compartilhar em outros sites

				

	

			
		

	



	



					
				
					
					
					







	

	

		

			
Carol Black
			  

	
		
	
			 1
	
		
	

		

		

			


	
		Carol Black
	

		

	

	
	

		



	

	

		

			
		


		

			Postado 
			
				
				
			
		

	


	


	

		
		

			



É um link com uma função onClick que abre uma DIV embaixo com a informação pertencente.


 


Tipo:


 





<a href='#' id='link1' onClick="abre(this.id)"> Link 1 </a>
<br>
<div id='mostrar' style='display:none;'>dasdsadasdsadasdasdasdsadsadasdsadas</div>




dae você cria uma função Javascript assim:




<script type='text/javascript'>
function abre(id)
{
   document.getElementById("mostrar").style.display = 'block';
} 
</script>



Praticamente eh isso, dae você tem que tratar, qual que é se tiver vários. E tbm para clicar de novo e desaparecer. =)


 




 


 


E esse script, como sempre, vai dentro da tag "head"?



			
		


		

			
				
					

	
	
		

			
				
				

					
				

			
			
			
		

	


				
			
			
    
				
					
					
					
				
				
  • 
					
				
    • 
			

		


		
			

		
	


	

		

			
Compartilhar este post

			

			
Link para o post

			
			
			

			
				
Compartilhar em outros sites

				

	

			
		

	



	



					
				
					
					
					







	

	

		

			
João Batista Neto
			  

	
		
	
			 448
	
		
	

		

		

			


	
		João Batista Neto
	

		

	

	
	

		



	

	

		

			
		


		

			Postado 
			
				
				
			
		

	


	


	

		
		

			



E esse script, como sempre, vai dentro da tag "head"?


 




Esse "como sempre" deveria ser substituído para "como nunca".


 


Prefira colocar seus scripts no fim do seu HTML, logo antes de fechar a tag body:


 




<html>
<head>
	<title>...</title>
	<!-- ... -->
</head>
<body>
	<!-- Todo o conteúdo de seu site -->
	<script type="text/javascript" src="path"></script>
	<script type="text/javascript">
	//código javascript
	</script>
</body>
</html>








			
		


		

			
				
					

	
	
		

			
				
				

					
				

			
			
			
		

	


				
			
			
    
				
					
					
					
				
				
  • 
					
				
    • 
			

		


		
			

		
	


	

		

			
Compartilhar este post

			

			
Link para o post

			
			
			

			
				
Compartilhar em outros sites

				

	

			
		

	



	



					
				
					
					
					






					
				
					
					
					







	

	

		

			
Henrique Barcelos
			  

	
		
	
			 290
	
		
	

		

		

			


	
		Henrique Barcelos
	

		

	

	
	

		



	

	

		

			
		


		

			Postado 
			
				
				
			
		

	


	


	

		
		

			

Nâo é necessariamente isso...


 


O que acontece é o seguinte: para manipular um elemento, ele deve existir, para ele existir, precisa ser lido primeiro...


 


Se você colocar assim:




<head>
<script type="text/javascript">
var teste =document.getElmentById("teste");
alert(teste)
</script>
...
</head>
<body>
<div id="teste"></div>
</body>


Vai dar null ou undefined...


 


Fazendo assim:


 




<head>
...
</head>
<body>
<div id="teste"></div>
<script type="text/javascript">
var teste =document.getElmentById("teste");
alert(teste)
</script>
</body>


Vai funcionar...


 


Pq?


 


Pq o elemento cujo ID é "teste" já foi lido...


 


+ fica um tanto zoneado... por isso, separe o comportamento da estruturação HTML


 


Num arquivo js separado, coloque:




window.onload = function(){
	 var teste =document.getElmentById("teste");
	alert(teste);
}


No html, linke esse script dentro do HEAD:




<script type="text/javascript" src="CAMINHO PARA O ARQUIVO"></script>


O evento onload aguarda até que toda a página tenha sido lida, aí sim você vai poder manipular qqr elemento nela


 


http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif



			
		


		

			
				
					

	
	
		

			
				
				

					
				

			
			
			
		

	


				
			
			
    
				
					
					
					
				
				
  • 
					
				
    • 
			

		


		
			

		
	


	

		

			
Compartilhar este post

			

			
Link para o post

			
			
			

			
				
Compartilhar em outros sites

				

	

			
		

	



	



					
				
					
					
					







	

	

		

			
João Batista Neto
			  

	
		
	
			 448
	
		
	

		

		

			


	
		João Batista Neto
	

		

	

	
	

		



	

	

		

			
		


		

			Postado 
			
				
				
			
		

	


	


	

		
		

			



Porquê João ?


 




Quando um script (inline) muito grande vem antes de tudo, ele onera o carregamento da página; O conteúdo de seu site demorará para ser carregado e exibido ao usuário já que o código do JS será carregado primeiro.


Colocando o código inline no fim, o conteúdo é exibido conforme for carregando e só quando tudo tiver sido carregado o script é carregado.


 


Prefira sempre colocar seus CSS logo no início, na tag HEAD, se seus scripts estiverem em arquivos externos coloque-os na tag HEAD logo após os CSS.


 


E comprima sempre seus scripts, isso agilizará o carregamento, o Google Closure Compiler é uma ótima ferramenta, vale a pena conferir: http://code.google.com/intl/en/closure/


 


;)



			
		


		

			
				
					

	
	
		

			
				
				

					
				

			
			
			
		

	


				
			
			
    
				
					
					
					
				
				
  • 
					
				
    • 
			

		


		
			

		
	


	

		

			
Compartilhar este post

			

			
Link para o post

			
			
			

			
				
Compartilhar em outros sites

				

	

			
		

	



	



					
				
					
					
					







	

	

		

			
Carol Black
			  

	
		
	
			 1
	
		
	

		

		

			


	
		Carol Black
	

		

	

	
	

		



	

	

		

			
		


		

			Postado 
			
				
				
			
		

	


	


	

		
		

			





 


Porquê João ?


 




Quando um script (inline) muito grande vem antes de tudo, ele onera o carregamento da página; O conteúdo de seu site demorará para ser carregado e exibido ao usuário já que o código do JS será carregado primeiro.


Colocando o código inline no fim, o conteúdo é exibido conforme for carregando e só quando tudo tiver sido carregado o script é carregado.


 


Prefira sempre colocar seus CSS logo no início, na tag HEAD, se seus scripts estiverem em arquivos externos coloque-os na tag HEAD logo após os CSS.


 


E comprima sempre seus scripts, isso agilizará o carregamento, o Google Closure Compiler é uma ótima ferramenta, vale a pena conferir: http://code.google.com/intl/en/closure/


 


;)


 




Nossa, isso faz muito sentido! *-* OBG!! ;)


Estou agora mesmo trocando alguns scripts de lugar!


 


 


Sobre o script,


ele deu certo, é igual ao do fórum mesmo...


 


Mas o do fórum tem 7 tópicos de assuntos diferentes, que quando clica neles eles abrem um assunto diferente.


Nesse script abre o mesmo assunto.


 


Então como faz para ele ficar assim:


 


(clica) Link 1


(abre)  aaa111


 


(clica) Link 2


(abre)  bbb222


 


(clica) Link 3


(abre)  ccc333


 


(clica) Link 4


(abre)  ddd444


 


No script eu não consegui achar como mudar a variável do link, igual se faz com os links âncora, que define pra onde vai a "href".


Nesse caso, onde que altera? Tem que ser um script para cada link?



			
		


		

			
				
					

	
	
		

			
				
				

					
				

			
			
			
		

	


				
			
			
    
				
					
					
					
				
				
  • 
					
				
    • 
			

		


		
			

		
	


	

		

			
Compartilhar este post

			

			
Link para o post

			
			
			

			
				
Compartilhar em outros sites

				

	

			
		

	



	



					
				
					
					
					







	

	

		

			
Dee
			  

	
		
	
			 0
	
		
	

		

		

			


	
		Dee
	

		

	

	
	

		



	

	

		

			
		


		

			Postado 
			
				
				
			
		

	


	


	

		
		

			

Olha Carol




<!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>Untitled Document</title>
</head>

<body>
<a href="#" onclick="abre('div1')"> Link 1 </a>
<div id="div1" style="display:none"> Oi Oi Oi </div>
<br />

<a href="#" onclick="abre('div2')"> Link 2 </a>
<div id="div2" style="display:none"> Oi Oi Oi Oi </div>
<br />

<a href="#" onclick="abre('div3')"> Link 3 </a>
<div id="div3" style="display:none"> Oi Oi Oi Oi Oi</div>
<br />

<a href="#" onclick="abre('div4')"> Link 4 </a>
<div id="div4" style="display:none"> Oi Oi Oi Oi Oi Oi</div>


<script type="text/javascript">
function abre(id)
{
   if(document.getElementById(id).style.display == 'none') document.getElementById(id).style.display = 'block';
   else document.getElementById(id).style.display = 'none';
}
</script>

</body>
</html>





			
		


		

			
				
					

	
	
		

			
				
				

					
				

			
			
			
		

	


				
			
			
    
				
					
					
					
				
				
  • 
					
				
    • 
			

		


		
	


	

		

			
Compartilhar este post

			

			
Link para o post

			
			
			

			
				
Compartilhar em outros sites

				

	

			
		

	



	



					
				
					
					
					







	

	

		

			
Carol Black
			  

	
		
	
			 1
	
		
	

		

		

			


	
		Carol Black
	

		

	

	
	

		



	

	

		

			
		


		

			Postado 
			
				
				
			
		

	


	


	

		
		

			

Dee !! 


 



Perfeito!



Nem sei como te agradecer!!! *-*



É isso ai mesmo, funcionou corretamente!



Além do que entendi melhor alguns comandos, que justamente o que eu me dou mal, nunca sei qual usar.


 



OBG!!!


 



Um última pergunta... qual seria o nome de script? Queria identificar ele. :)



			
		


		

			
				
					

	
	
		

			
				
				

					
				

			
			
			
		

	


				
			
			
    
				
					
					
					
				
				
  • 
					
				
    • 
			

		


		
			

		
	


	

		

			
Compartilhar este post

			

			
Link para o post

			
			
			

			
				
Compartilhar em outros sites

				

	

			
		

	



	



					
				
					
					
					






					
				
					
					
					






					
				
					
					
					







	

	

		

			
Carol Black
			  

	
		
	
			 1
	
		
	

		

		

			


	
		Carol Black
	

		

	

	
	

		



	

	

		

			
		


		

			Postado 
			
				
				
			
		

	


	


	

		
		

			

Dee,


 


Acho que é texto retrátil.


Acabei de pesquisar e encontrei esse nome.


Copiei o script e colei no Google e acabou dando certo! :D


 


 


 


 






 


PS: Alá João, ela é da mesma cidade que você! :o


 




:o :o :o


 


Isso é que é coincidência !!!


 




 


João,


 


Acho que sei qm você é! :P


Agora que o Dee falou que eu reparei na cidade e confirmei minhas suspeitas! xD~


 


Você trabalha com o meu namorado, o Guilherme! :D


Ele já me falou de você,


que você é moderador do fórum iMasters e que sabe muita coisa avançada de programação e de tudo!... e que tem um avatar de pinguim Yoda!


Eu só não sabia o seu nome aqui no fórum... mas foi muita coincidência você me responder. O fórum tem tantos moderadores!


E mesmo sendo um dos foruns mais populares do país é tão difícil encontrar alguém da mesma cidade. =)



			
		


		

			
				
					

	
	
		

			
				
				

					
				

			
			
			
		

	


				
			
			
    
				
					
					
					
				
				
  • 
					
				
    • 
			

		


		
			

		
	


	

		

			
Compartilhar este post

			

			
Link para o post

			
			
			

			
				
Compartilhar em outros sites

				

	

			
		

	



	



					
				
					
					
					






					
				
					
					
					







	

	

		

			
Carol Black
			  

	
		
	
			 1
	
		
	

		

		

			


	
		Carol Black
	

		

	

	
	

		



	

	

		

			
		


		

			Postado 
			
				
				
			
		

	


	


	

		
		

			



Nâo é necessariamente isso...


 


O que acontece é o seguinte: para manipular um elemento, ele deve existir, para ele existir, precisa ser lido primeiro...


 


O evento onload aguarda até que toda a página tenha sido lida, aí sim você vai poder manipular qqr elemento nela


 


http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif


 




 


Oii Rick!


 


Valeu! Acabei usando o seu script tbm!


Muito bem explicado,


eu não entendia essa coisa do ID, era ali q eu estava errando em vááários códigos.


 


Estudei alguns pedaços desse script e acabei conseguindo aplicar ele em outros!


Muito bom mesmo!


 


Obrigada!!



			
		


		

			
				
					

	
	
		

			
				
				

					
				

			
			
			
		

	


				
			
			
    
				
					
					
					
				
				
  • 
					
				
    • 
			

		


		
			

		
	


	

		

			
Compartilhar este post

			

			
Link para o post

			
			
			

			
				
Compartilhar em outros sites

				

	

			
		

	



	



					
				
			
			



		

	


	
	

	

	







	

		
			
				Ir para a lista de tópicos
				PHP
			
		
	

	




	

	

	




						


	

		
	


					

					

	

		
        


	

		
    
			
				
					
					
  • 
				
					
					
  • 
				
					
					
  • 
				
			
		

	


		
            
			

	

		
		

			

				
			

		

	



		
	


					

				

			

			
		

		
		


	×
	

		

			

			

				
			


			
		

	



		

	































	
















		
			
		
		
		
		







	




	







	

		

			

				
Informação importante

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

			

			

				  Aceito