[SOLUCIONADO] Anclas, no mostrar en la URL

[alberthp]

Buenas,

He intentado encontrar un tema que hablase de ésto, pero la verdad es que lo único que me aparecía eran dudas de anclas que nada tienen que ver con lo mío.

Sé cómo funciona un ancla y cómo se pone:

Código HTML:

<a href="#ancla">Ir al ancla</a>

<div id="ancla">
       Aquí hay algo molón
</div> 

Mi pregunta es... ¿cómo hacer para que, al pulsar el enlace del ancla, no te aparezca en la URL? Por más que busco, no encuentro, pero es que tampoco sé qué palabras claves usar... he probado con "don't show # in URL", "no mostrar # ancla" y similares, y lo que me ha aparecido no era muy... correcto xD

Pensando por mí mismo, se me ocurre usar ajax pero no soy muy experto en el tema y he decidido preguntar primero a ver si voy por el camino correcto...

¿Alguien me puede echar un cable? Aunque sea pegándome la URL de un tuto o un tema que hable del asunto...

Gracias.

[jp91]

No se si entendi bien pero quizas te refieres no mostrar la verdadera url?:

Código HTML:

<a href="url"onclick="javascript:window.location='url' return false">Login</a>
 

o bn puedes hacer

Código HTML:

<a href="#" onClick="otraUrl('URL')">enlace</a>
 

Código Javascript:

function otraUrl(U){
window.location=U;
}
 

[pzin]

Tendrás que mover el scroll con JavaScript. Activas la acción al pulsar el enlace, tomas la posición del elemento al que enlace, un return false y ya mueves hacia esa posición.

Lo que no entiendo es el sentido de ocultarlo, porque si alguien lo quiere enlazar siempre viene bien eso así con su hash.

[PHPeros]

Iniciado por pzin

Tendrás que mover el scroll con JavaScript. Activas la acción al pulsar el enlace, tomas la posición del elemento al que enlace, un return false y ya mueves hacia esa posición.

Bueno, JavaScript nos lo pone más fácil que todo eso

Simplemente existe un método llamado scrollIntoView con el que puedes alinear elementos con el documento, en este caso marcando el parámetro como true para que quede arribita (aunque es así por defecto):

Código Javascript:

document.getElementById('ancla').scrollIntoView(true);
 

Además es 100% cross-browser

Iniciado por pzin

Lo que no entiendo es el sentido de ocultarlo, porque si alguien lo quiere enlazar siempre viene bien eso así con su hash.

Di que sí

[alberthp]

Hmm, no conocía el scrollIntoView. Gracias! :)

Y lo quiero ocultar porque me parece feo xD Ya lo dicen... pa' gustos, colores :P