llamar a un ancla desde javascript

[mrsorpresa]

Quiero llamar a un ancla <a name="ancla"></a> en el mismo documento desde una función en javascript. He probado con

Código:

function llamaralancla(){
document.location.href = "#ancla";
}

pero no funciona. Me lleva al index del site.

¿Alguna sugerencia?

[JavierB]

Hola mrsorpresa

He probado tu código y me ha funcionado bien

Saludos,

[mrsorpresa]

Iniciado por JavierB

Hola mrsorpresa

He probado tu código y me ha funcionado bien

Saludos,

Pues lo he probado varias veces y no hay manera, desconozco por qué. A ver si me podeis decir alguna alternativa.

[mrsorpresa]

Creo que el problema (que aun no he resuelto) es que la llamada se hace desde un archivo de extensión .tpl (es una template). He probado a hacer una llamada normal en html:

Código:

<a href="#ancla"> ir a "destino" </a>

Al poner el cursor encima del enlace, aparece que en lugar de buscar el ancla en el propio documento, lo busca en la propia raiz del sitio. Es decir:

Cuando hago click en el enlace al ancla desde el documento

Código:

www.mi_sitio.com/templates/una_pagina

en lugar de llevarme a

Código:

 www.mi_sitio.com/templates/una_pagina/#ancla

me lleva a

Código:

www.mi_sitio.com/#ancla

Así que el tema está en saber por qué desde ese archivo .tpl no se puede hacer una llamada al propio documento, o cómo se hace.

¿Alguien tiene alguna idea?

[Panino5001]

Porqué hablás de archivos tpl? Acaso lo que ves en el navegador es una salida tpl o una salida html? Lo que importa siempre es la salida al navegador.
No será que tenés un tag base en el documento?
Una alternativa sería agregar un id al elemento de anclaje, calcular su propiedad offsetTop con alguna función como esta:

Código PHP:

  function getElementPosition(elemID) {
var offsetTrail = document.getElementById(elemID);
var offsetLeft = 0;
var offsetTop = 0;
while (offsetTrail) {
offsetLeft += offsetTrail.offsetLeft;
offsetTop += offsetTrail.offsetTop;
offsetTrail = offsetTrail.offsetParent;
}
if (navigator.userAgent.indexOf("Mac") != -1 && typeof document.body.leftMargin != "undefined" && navigator.appName=="Microsoft Internet Explorer" ) {
offsetLeft += parseInt(document.body.leftMargin);
offsetTop += parseInt(document.body.topMargin);
}
return {left:offsetLeft, top:offsetTop};
} 
   

y luego despalazarse usando scrollTo.

[Panino5001]

Acá vimos el tema:
http://www.forosdelweb.com/f13/ancla...na-web-550204/

[mrsorpresa]

Muchas gracias por la respuesta, pero ya lo he solucionado

Era símplemente que tenía que llamar al archivo php, no al tpl. Es decir:

function llamaralancla(){
document.location.href = "documento.php#ancla";
}

Un saludo

[TSU_Benjamin]

Muy bien, si funciona. Es un poco rudimentario pero funciona.