Javascript a odkazy

Publikováno 10. 3. 2009

Již několikrát jsem potřeboval navázat javascriptovou funkci onclick na hypertextový odkaz <a .. > . Bohužel ne vždy se hodí, aby odkaz zároveň plnil svou funkci a někam odkazoval. V takovém případě se hodí přidat k funkci onlick příkaz return false a v takovém případě se odkaz neprovede. Naopak return true zajistí, že se klik na odkaz normálně provede.

Věc je to naprosto jednoduchá, ovšem dá se použít na tisíc způsobů. Například takto:

odkaz

<a onclick="window.open('http://www.janzikmund.cz','detail','left=200,top=50,width=500,height=500'); return false;" href="http://www.janzikmund.cz">odkaz</a>

Pokud má člověk zapnutý javascript, pak se odkaz otevře js funkcí v novém okně a return false zajistí, že samotný odkaz se neprovede. Naopak pokud je javascript vypnutý, odkaz se provede normálně.

Další možnost použití. Funkce confirm vrací true nebo false, podle toho, jak uživatel odpoví. Přidáním return před funkci se na odkaz buď přechází a nebo nepřechází.

odkaz

<a onclick="return confirm('Opravdu chcete pokračovat ?');" href="http://www.janzikmund.cz">odkaz</a>

Další varianty již jistě vymyslíte sami.

Tento článek byl přidán 10.3.2009 v 15:25 a patří do kategorie Webdesign. Reakce na článek můžete jednoduše sledovat pomocí RSS 2.0 kanálu. Můžete přidat komentář pokud chcete.

Přidat komentář

 


webdesign Jan Zikmund