Ir para conteúdo

POWERED BY:

Arquivado

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

Marcelo Thomaz

[Resolvido] Javascript para de funcionar em arquivo separado.

Por , em Javascript

Recommended Posts

Marcelo Thomaz    0

Marcelo Thomaz
Postado

Olá,

 

estou "criando" uma barra comum para meus dois micro blogs usando o seguinte js (estilo ig, uol etc.):

 

<html>
<head>
<link rel="stylesheet" href="styleN.css" type="text/css" media="screen">

<script type="text/javascript" >

minhav='<div id="barratopo"><ul><li><a href="http://xyz.com.br/site/"> Veja mais.</a><ul id="navTopo"><li><a href="ttp://Blog1.com.br/" title="Últimas Notícias ">Notícias</a></li><li><a href="http://blog2.com.br/" title="blog 2">Blog2</a></li></ul></li></ul></div>';
alert ("teste!");
document.getElementById('barra').innerHTML=minhav;

</script>  
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Documento sem título</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>

<body>
<div id='barra'></div>
...................... conteúdo...........
</body>
</html>

 

e funciona perfeitamente até com a formatação CSS, porém como será um js comum aos dois resolvi colocar em um arquivo barra.js e apenas substituo o trecho Javascript pela chamada:

 

<script type="text/javascript" charset="utf-8"  src="http://blog1.com.br/barra.js"></script>

 

Caminho válido e testado e nesse barra.js:


minhav='<div id="barratopo"><ul><li><a href="http://xyz.com.br/site/"> Veja mais.</a><ul id="navTopo"><li><a href="ttp://Blog1.com.br/" title="Últimas Notícias ">Notícias</a></li><li><a href="http://blog2.com.br/" title="blog 2">Blog2</a></li></ul></li></ul></div>';
alert ("teste!");
document.getElementById('barra').innerHTML=minhav;

 

 

Um CTRL+X e colo no barra.js, mas ele para de funcionar, alguém sabe o que estou fazendo de errado?

 

Obs.: esse é meu primeiro js e já procurei no Google, mas na teoria estaria funcionando, assim como fazemos com o .css quando tiramos da página e colocamos em arquivo exclusivo.

 

Desde já agradeço a ajuda.

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

cara.. é pq o teu html tá errado, e você tá chamando o script antes do elemento existir na tela.

 

deixe assim:

 


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Documento sem título</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

<link rel="stylesheet" href="styleN.css" type="text/css" media="screen">
</head>

<body>
<div id='barra'></div>
<script type="text/javascript"  src="http://blog1.com.br/barra.js"></script> 



...................... conteúdo...........
</body>
</html>

entendeu ?

você pode inclusive criar a tag LINK do css com javascript.

Compartilhar este post

Link para o post
Compartilhar em outros sites

Marcelo Thomaz    0

Marcelo Thomaz
Postado

Olá William Bruno,

 

Desculpa a demora, deu certinho o que você falou.

 

Obrigadão!!!!!!!!!!!!

 

Ah! Só não entendi esse do LINK do css no js :/

seria algo como: window.document.write("<link rel="stylesheet" href="styleN.css" type="text/css" media="screen">");

 

Ou tem alguma outra maneira?

 

 

 

Valeu!

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

pode ser.. ou um

 

 

document.createElement e depois um appendChild

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