[Resolvido] âncora não funciona

[11closed 0]

olá

 

tenho um script aqui de ancora, aparentemente ele parece estar tudo certo mais na hora de rodar ele no browser ele não fuciona

 

 

CODIOGO

<script> 
function funcao(ancora) { 
this.location = "#" + ancora; 
} 
</script> 

<div onclick="funcao('obj');"> 
Objetivo da Especialização
</div>
<div onclick="funcao('publico');"> 
Publico-Alvo da Especialização 
</div>
<div onclick="funcao('conteudo');"> 
Conteúdos Oferecidos Pelos Programas 
</div>
<div onclick="funcao('coordernacao');"> 
Coordenação da Especialização
</div>
<div onclick="funcao('corpo');"> 
Corpo Doscente da Especialização 
</div>

<table>
    <tr style="text-align:left;background:#4E84BC;height:25px; border:3px solid #CCC;" ><td><b style="color:#FFF;">Caga Horária da Especialização:</b></td></tr>
    <tr><td></td></tr>
    <tr><td><textarea name="cagahoraria" cols="92" rows="24" ></textarea><br><br></td></tr>
    <tr><td><a href="#" title="topo">TOPO</a></td></tr>

   <a name="obj"> </a>
   <tr style="text-align:left;background:#4E84BC;height:25px; border:3px solid #CCC;"><td><b style="color:#FFF;">Objetivo da Especialização:</b></td></tr>
   <tr><td></td></tr>
   <tr><td><textarea name="obejtivo" cols="92" rows="24" ></textarea><br><br></td></tr>
   <tr><td><a href="#" title="topo">TOPO</a></td></tr>

   <a name="publico"> </a>
   <tr style="text-align:left;background:#4E84BC;height:25px; border:3px solid #CCC;"><td><b style="color:#FFF;">Publico-Alvo da Especialização:</b></td></tr>
   <tr><td></td></tr>
   <tr><td><textarea name="publico" cols="92" rows="24" ></textarea><br><br></td></tr>
   <tr><td><a href="#" title="topo">TOPO</a></td></tr>

   <a name="conteudo"> </a>
   <tr style="text-align:left;background:#4E84BC;height:25px; border:3px solid #CCC;"><td><b style="color:#FFF;">Conteúdos Oferecidos Pelos Programas:</b></td></tr>
   <tr><td></td></tr>
   <tr><td><textarea name="conteudo" cols="92" rows="24" ></textarea><br><br></td></tr>
   <tr><td><a href="#" title="topo">TOPO</a></td></tr>

   <a name="coordernacao"> </a>
   <tr style="text-align:left;background:#4E84BC;height:25px; border:3px solid #CCC;"><td><b style="color:#FFF;">Coordenação da Especialização:</b></td></tr>
   <tr><td></td></tr>
   <tr><td><textarea name="coordenadoria" cols="92" rows="24" ></textarea><br><br></td></tr>
   <tr><td><a href="#" title="topo">TOPO</a></td></tr>

   <a name="corpo"> </a>
   <tr style="text-align:left;background:#4E84BC;height:25px; border:3px solid #CCC;"><td><b style="color:#FFF;">Corpo Doscente da Especialização:</b></td></tr>
   <tr><td></td></tr>
   <tr><td><textarea name="corpodoscente" cols="92" rows="24" ></textarea></td></tr>
   <tr><td><a href="#" title="topo">TOPO</a></td></tr>
</table>

 

O que esta acontecendo é que quando eu clico em alguma das ancora ela so vai para em um lugar, aqui .

<tr style="text-align:left;background:#4E84BC;height:25px; border:3px solid #CCC;" ><td><b style="color:#FFF;">Caga Horária da Especialização:</b></td></tr>

 

 

aguem tem a explicação pra isso ?

 

porfavor se sim me ajude ..

 

 

[William Bruno 1501]

window.document.location.href = "#" + ancora; 

[11closed 0]

subistitui essa linha

 

this.location = "#" + ancora;

 

por essa

 

window.document.location.href = "#" + ancora;

 

continuo a msm coisa

 

fiz um teste aqui assim

 

<script> 
function funcao(ancora) { 
window.document.location.href = "#" + ancora; 
} 
</script> 

<div onclick="funcao('obj');"> 
Objetivo da Especialização
</div>
<div onclick="funcao('publico');"> 
Publico-Alvo da Especialização 
</div>
<div onclick="funcao('conteudo');"> 
Conteúdos Oferecidos Pelos Programas 
</div>
<div onclick="funcao('coordernacao');"> 
Coordenação da Especialização
</div>
<div onclick="funcao('corpo');"> 
Corpo Doscente da Especialização 
</div>

<table>


   <a name="obj"> </a>
 qqqqqqqqqqqqqqqq
   <br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
   <a name="publico"> </a>
  wwwwwwwwwwwwww
   <br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>

   <a name="conteudo"> </a>
 fffffffffffffffff
      <br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
   <a name="coordernacao"> </a>
  xxxxxxxxxxxxxxx
       <br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
   <a name="corpo"> </a>
   kkkkkkkkkkkkkkkkk
       <br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
</table>

 

dessa forma da certo, mais porque não consiguo com o meu conteudo

[William Bruno 1501]

pq a sintaxe está errada.

 

você não pode jogar tags a assim do nada, no meio da tabela.

 

na verdade, elas não são necessárias, e você poderia fazer assim:

 

 <tr id="obj" style="text-align:left;background:#4E84BC;height:25px; border:3px solid #CCC;"><td><b style="color:#FFF;">Objetivo da Especialização:</b></td></tr>

 

:lol:

[11closed 0]

Correto willian

 

obrigado era isso msm, vlw pela dica..