тэг <a>: onclick раньше href

[Eugene_M]

тэг <a>: onclick раньше href

Задачка следующая.
есть линка:
<a href="url" onclick="action">Text</a>

Можно ли сделать так, чтобы по клику происходило событие onclick, но при этом, чтобы не срабатывал переход на страницу "url" указанную в параметре href.

Блин... пока писал пост сам решение нашёл.

Ход мыслей: =)
<a href="1.txt" onclick="alert('!!!');exit();">Text</a>
<a href="1.txt" onclick="alert('!!!');"><div onclick="alert('div');return( false);">Text</div></a>
<a href="1.txt" ><div onclick="alert('div');return( false);">Text</div></a>
<a href="1.txt" onclick="alert('div');return(false);">Text</a>

 

[BRat]

верно, или тоже самое можно осуществить при помощи обьекта window.event.returnValue = false (IE), onclickhandler.arguments[0].preventDefault() (Mozilla)

 

[kruglov]

BRat
Ага, а если постараться, можно еще длиннее.
Для Оперы озвучьте, пожалуйста, длинное решение тоже.

 

[deepslam]

<a href="#" onclick="action();">click me</a>

 

[hermit_refined]

deepslam
Угу. Дизайнер, с которым я работаю, всегда такую фигню пишет, давно хочу его за это убить.

Во-первых, происходит скроллинг к началу страницы.
Во-вторых, уродливое '#' в урле.

 

[BRat]

kruglov
а для Оперы не знаю )

 

[akxxiv]

deepslam
Угу. Дизайнер, с которым я работаю, всегда такую фигню пишет, давно хочу его за это убить.

Во-первых, происходит скроллинг к началу страницы.
Во-вторых, уродливое '#' в урле.

А смысл? Пусть пишет
<a href="нужный_урл" onclick="return action();">click me</a>, а action() пусть возвращает false

 

[Фанат]

а зачем action? почему нельзя сразу написать false ?

 

[hermit_refined]

akxxiv
Спасибо, я знаю что он должен писать (но не то, что пишете вы). Я не знаю, как его убить.

 

[akxxiv]

а зачем action? почему нельзя сразу написать false ?

Так проще.

Спасибо, я знаю что он должен писать (но не то, что пишете вы). Я не знаю, как его убить

Есть много способов. Ну, например, попал под монитор ... :о)

 

[phprus]

akxxiv

Так проще.

Не согласен. Допустим вы забыли написать в функции action return false; Тогда броузер будет вести себя явно не так как вы ожидали. Особенно легко ошибиться, если в функции action несколько операторов return. Тогда в каком то из них можно по ошибке написать что-нибуть другое вместо false.

 

[akxxiv]

Мне кажется, но это только мое мнение, что легче пропустить return false в одной из конструкции <a href="url" onclick="action(); return false"> чем один раз в функции action().

Но, в общем у каждого свои трудности.

 

[Solid]

Пора бы уже в таких случаях приучить себя пользоваться behaviour'ами. Варианты: http://bennolan.com/behaviour/ или обычным prototype Event.observe()