27 апреля 2011 г.

Disabled html-ссылки (a)

Уже не раз сталкиваюсь с проблемой, когда ссылка вроде бы и заблокирована, но на нее можно спокойно нажать и совершить необходимое действие. Конечно же данный баг как и любой другой баг очень неприятен, так как вроде бы и все верно сделано, но по какой-то причине работает не так как хотелось бы.


Для того, чтобы заблокировать объект в html есть свойство disabled.



<a href="mysite.com" disabled="disabled" />

После использования данного свойства ваша ссылка, да и любой другой объект будут заблокированы. Однака ссылка при этом будет все еще отвечать на событие OnClick. Чтобы этого не произошло необходимо немного JavaScript кода.



<a href="mysite.com" disabled="disabled" onclick="if(this.disabled) return false;" />

После этого больше не должно возникнуть проблем с заблокированными ссылками и кнопками

Комментариев нет: