Mam pytanie, które zostanie znalezione bardzo często. Problem polega na tym, że nigdzie nie można znaleźć wyraźnego rozwiązania.

Mam dwa problemy dotyczące kotwic.

Głównym celem powinno być uzyskanie ładnego, czystego adresu URL bez żadnych haszy w nim podczas używania kotwic do przeskakiwania na stronie.

Struktura kotwic to:

<ul>
    <li><a href="#one">One</a></li>
    <li><a href="#two">Two</a></li>
    <li><a href="#three">Three</a></li>
</ul>

<div class="wrap">
    <a name="one">text 1</a>
    <a name="two">text 2</a>
    <a name="three" class="box">text 3</a>
</div>

Dobra, jeśli klikniesz jedno z linków, URL automatycznie zmieni się na

www.domain.com/page#1

Na końcu powinno to być:

www.domain.com/page

Jak na razie dobrze. Teraz druga rzecz polega na tym, że kiedy przeszukasz internet, znajdziesz ten problemjavascript jako rozwiązanie.

Znalazłem tę funkcję:

function jumpto(anchor){
    window.location.href = "#"+anchor;
}

i wywołanie tej funkcji za pomocą:

<a onclick="jumpto('one');">One</a>

co będzie takie samo jak wcześniej. Doda skrót do adresu URL. Dodałem też

<a onclick="jumpto('one'); return false;">

bezskutecznie. Więc jeśli jest ktoś, kto może mi powiedzieć, jak to rozwiązać, naprawdę bym to docenił.

Wielkie dzięki.