[Problema RRResolvido!!!] Javascript no head de página HTML não funcionando

degoninja · 17 de novembro de 2010

Boa tarde!

Eu tenho uma página html e coloquei no head dela um javascript pra fazer um efeito ao clicar nas imagens da página.

O script funcionou perfeitamente. O problema é que eu coloquei um outro script abaixo desse para arredondar as bordas das divs da página. Aí esse segundo script anulou o primeiro. E sempre que eu modifico a posição dos scripts na página, somente o que está mais abaixo é que funciona.

Vejam o código do head da página em questão:


<head>
	<title> Tela de Acesso </title>
	<link rel="stylesheet" type="text/css" href="estilologado.css" />
	<link rel="stylesheet" type="text/css" href="lightbox.css" media="screen" />

	<!-- efeito nas imagens da página -->
       <script type="text/javascript" src="../js/prototype.js"></script>
	<script type="text/javascript" src="../js/scriptaculous.js?load=effects,builder"></script>
	<script type="text/javascript" src="../js/lightbox.js"></script>
        <!-- fim do script-->

	<!--div com cantos arredondados-->
	<script type="text/javascript" src="../js/jquery102.pack.js"></script>
	<script type="text/javascript" src="../js/jq-corner.js"></script>
	<script type="text/javascript"> $(document).ready(function(){$('div.colunacentral,div.colunaesquerda,div.cab').corner(); })</script>
	<!-- fim do script-->	

</head>

Nesse caso aí, somente os scripts que estão dentro do comentário "div com cantos arredondados" estão funcionando. Mas se eu mover esse bloco de código e colocar acima de onde está escrito "efeito nas imagens da página" aí só esse script funciona e o script das bordas arredondadas para de funcionar. Alguém tem ideia de como resolver isso e o porque disso estar acontecendo? Obrigado!

PHrafa · 18 de novembro de 2010

TENTA ASSIM COLEGA!

<head>
	<title> Tela de Acesso </title>
	<link rel="stylesheet" type="text/css" href="estilologado.css" />
	<link rel="stylesheet" type="text/css" href="lightbox.css" media="screen" />


	<!--div com cantos arredondados-->
	<script type="text/javascript" src="../js/jquery102.pack.js"></script>
	<script type="text/javascript" src="../js/jq-corner.js"></script>
	<script type="text/javascript"> $(document).ready(function(){$('div.colunacentral,div.colunaesquerda,div.cab').corner(); })</script>
	<!-- fim do script-->	


<!-- efeito nas imagens da página -->
       <script type="text/javascript" src="../js/prototype.js"></script>
	<script type="text/javascript" src="../js/scriptaculous.js?load=effects,builder"></script>
	<script type="text/javascript" src="../js/lightbox.js"></script>
        <!-- fim do script-->


</head>

valeu

degoninja · 19 de novembro de 2010

Então!

Assim só funciona o efeito nas imagens.

O script das divs arredondados para de funcionar

Mas valeu por tentar ajudar!

DiF · 20 de novembro de 2010

Amigo tente assim:


<head>
<title> Tela de Acesso </title>
<link rel="stylesheet" type="text/css" href="estilologado.css" />
<link rel="stylesheet" type="text/css" href="lightbox.css" media="screen" />

<!--div com cantos arredondados-->
<script type="text/javascript" src="../js/jquery102.pack.js"></script>
<script type="text/javascript" src="../js/jq-corner.js"></script>

<!-- efeito nas imagens da página -->
<script type="text/javascript" src="../js/prototype.js"></script>
<script type="text/javascript" src="../js/scriptaculous.js?load=effects,builder"></script> 
<script type="text/javascript" src="../js/lightbox.js"></script>	

<!-- Script jquery de arredondamento dos cantos -->	
<script type="text/javascript">
//<![CDATA[

   $(document).ready(function()  {
        $('div.colunacentral,div.colunaesquerda,div.cab').corner();
    })[COLOR="Red"];[/COLOR]

// ]]>
</script>

</head>