VPF::Заменить <td onClick=""> чтобы было то же самое

linuxoid

Дата 6.6.2010, 21:26 (ссылка)

(нет голосов)

Загрузка ...

Бывалый

Профиль
Группа: Участник
Сообщений: 180
Регистрация: 17.4.2005

Репутация: нет
Всего: нет

Здравствуйте коллеги!

Валидатор W3.org ругается вот на что

Код


Line 147, Column 49: there is no attribute "onClick"

…class="test" onClick="window.location.href='?item=100&amp;id…

✉

You have used the attribute named above in your document, but the document type you are using does not support that attribute for this element. This error is often caused by incorrect use of the "Strict"
 document type with a document that uses frames (e.g. you must use the "Transitional" document type to get the "target" attribute), or by using vendor proprietary extensions such as "marginheight" (this is
 usually fixed by using CSS to achieve the desired effect instead).

Это тэг <td>. Как видите я использовал весть <td> в качестве линка. Очень удобно, чтобы ссылка была не только в тексте, но и на распространялась весь <td>, т.е. получается больше пространства для клика, а исенно весь <td>. Как это можно реализовать, чтобы эффект остался на 100% таким же, но чтобы валидация не выдала бы ошибки.

Garret

Дата 6.6.2010, 21:46 (ссылка)

(нет голосов)

Загрузка ...

Шустрый

Профиль
Группа: Участник
Сообщений: 138
Регистрация: 16.9.2006
Где: Киев

Репутация: нет
Всего: 2

Можно вынести этот функционал во внешний джаваскриптовый файл.

linuxoid

Дата 6.6.2010, 23:18 (ссылка)

(нет голосов)

Загрузка ...

Бывалый

Профиль
Группа: Участник
Сообщений: 180
Регистрация: 17.4.2005

Репутация: нет
Всего: нет

Спасибо. Есть вариант

Код


Отделяем Javascript от (X)HTML

Нам следует отделить всю функциональность JavaScript’а от (X)HTML’а и запихнуть её в отдельный файл. Для этой цели лучше всего нам подойдет jQuery фреймворк, ибо удобно, быстро, и красиво (да и взгляните на график)

Никогда не используйте аттрибуты on** для установки обработчиков событий, приведу примеры.

Плохо:
view source
print?
1    <a onclick="doSomething()" href="#">Click!</a>

Хорошо:
Все обработчики событий помещаем во внешний файл, который подключим в начале страницы используя тег <script>. Соответственно немного переделаем предыдущий код:
view source
print?
1    <a href="backuplink.html" class="doSomething">Click!</a>

В JavaScript файле будет что-то типа:
view source
print?
1    ...
2    $('a.doSomething').click(function(){
3        // Do something here!
4        alert('You did something, woo hoo!');
5    });
6    ...

Но меня пугает то, что как-то нужно сначала передать линк этой функции и что это слишком муторно. Может быть какие-то более простенькие варианты?

ksnk

Дата 6.6.2010, 23:51 (ссылка)

(нет голосов)

Загрузка ...

прохожий

Профиль
Группа: Комодератор
Сообщений: 6855
Регистрация: 13.4.2007
Где: СПб

Репутация: 48
Всего: 386

Цитата(linuxoid @ 6.6.2010, 23:18

)

Может быть какие-то более простенькие варианты?

сменить доктайп документа на html smile

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

--------------------

Человеку свойственно ошибаться, программисту свойственно ошибаться профессионально ! user posted image

linuxoid

Дата 7.6.2010, 08:33 (ссылка)

(нет голосов)

Загрузка ...

Бывалый

Профиль
Группа: Участник
Сообщений: 180
Регистрация: 17.4.2005

Репутация: нет
Всего: нет

LOL. Оказывается есть наипростейший до абсурда вариант. По крайней мере валидатор больше ошибку не дает. А нужно всего лишь написать вместо "onClick" "onclick". Т.е. все lower-case буквы.

1 Пользователей читают эту тему (1 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| Вёрстка веб-сайтов \| Следующая тема »