JavaScript
 

Нужно написать такой вот скриптик (см. аттач) с комментариями, чтобы человек, не знающий JavaScript, смог разобраться программе и переделать ее по своему усмотрению.

......

Задача:
Переписать код под элемент div или td с использованием метода onmouseover. Полностью сохранить функциональность выполнения метода.

Нафига кодить на javascript, если через css это и так прекрасно работает. Javascript может быть отключен в браузере в целях безопасности и работать не будет.

to Insya
Благодарю!

to ΛLIEN
В задумке объект не должен быть ссылкой.
Возможно использовать пару <a ></a> без параметра href, но в этом случае пропадает кроссбраузерность.
Данный прием является дизайнерским решением. Если он не будет работать в браузерах с отключенным JS, то это не беда. А если его не увидят пользователи потому, что им нравится какой-то из 5 основных браузеров, то это нехорошо.

Пардон, я забыл об у... в смысле, ущербности ie6, которым я не пользуюсь по причине его у...щербности. Меня поражает, что этот идиотизм с селектором :hover не был исправлен ни одним из сервис паков, так что без яваскрипта только через обертку тегом <A>

В IE6 нет никаких проблем с псевдоэлементом :hover в том случае, если пара <a ></a> обозначена как ссылка, т.е. с присвоенным параметром href.

Но мне надо, чтобы эффект метода достигался без использования ссылки, т.е. без параметра href. А в этом случае возникает проблема в Google Chrome, IE и Safari.

А зачем ты использовал обертку в div я вообще не понимаю.

В IE6 :hover воспринимается только тэгом <a>, хотя по стандарту css2 должен восприниматься любым. СSS2 это стандарт 1998 года вообще-то.
href="#" считай что это ссылка вникуда. От клика по ней ничего не произойдет.

Вот этого я не знал. Спецификации W3C не читаю, т.к. с английским мы поссорились. А в учебниках по CSS, которые я читал, авторы не потрудились осветить данный факт.

Знаю. Но стремление все делать идеально не позволяет мне создавать ссылку в никуда.

Обычно такие объекты являются ссылками куда-то конкретно. Необходимость чтобы просто менялся фон над div или td при наведении манипулятором мне попадалось редко.

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

Быть может по этой причине дизайнер и захотел использовать данный прием.
Я так вообще рисовать не умею, и мне на это плевать. Моя задача, чтобы сайты работали и одинаково отображались в разных браузерах. Тут уж что умею, то и делаю.

Если отключен яваскрипт, это проблема пользователя. У него так же могут быть отключены картинки, не установлен флеш и т. д. Что теперь, один голый текст на сайте размещать?

Не забываем, что javascript на мобильных устройствах не всегда присутствует. И даже если у пользователя не установлен флэш, отключены картинки и не работает javascript, все равно css будет работать, если конечно не включен "стиль в режиме пользователя".

А вот то, что в ie6 не совсем корректно организован css2, уж точно не проблема пользователя.


ps: кстати, код можно упростить, используя чистый inline.
работает в Опере, ie6/7 и FF.

А вот на мобильные устройства я не ориентирован.
За помощь всем большое спасибо!

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

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

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

Бредятина!
Грех. CSS лучше поддерживается браузерами, чем javascript. Отчасти по той причине, что CSS значительно лучше определен и описан.
Если сделать эту фигню на CSS, то это будет более предсказуемо и более работоспособно. Разумеется, не стоит использовать CSS, если разработчик сайта его не знает, а обучить стоит дорого, но это уже другой вопрос.
Кстати, умные люди из интернетов говорят, что функциональность CSS перекрывает функциональность javascript только когда речь идет о mouseover.

Ну и в чем же здесь бредятина?

Поинт: использовать надо то, что больше всего подходит для поставленной задачи. Неважно, css, javascript, или лопату.
Догматизм - удел нищих умом.

Для нестандартных решений, да. Особенно, если ничего другого не подходит. Но прежде чем ваять html разметку лопатой надо научиться пользоваться вещами специально предназначенными для этого.

Для любых решений, без исключений.

Для поставленной задачи под все платформы больше всего подходит css2. А на пользователей ie6 по хорошему (мне) наплевать. Давно пора обновиться.

Это очень хорошо, что ты меня понял.
Такой подход годится только при верстке альбома "я и моя сраная кошка". Объяснять?

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

Такой подход годится для стимулирования перехода с говно эксплорера версии 6, на другие... хотя бы версии. Или скачать 17 мегабайт это все еще проблема?

Ты слишком педантичен.

ох как зря, пользователей ие6 немалый процент, если тебе важно, чтобы люди пользовались твоим ресурсом, то поддержка ие6 необходима

Большинство пользователей интернета не знают как это сделать.


Кстати, на счет изменения цвета объекта при наведении курсора: давно заметила, что это функция сделанная на css работает гораздо шустрее, чем, если ее сделать на яваскрипте, на яваскрипте она чуток подтормаживает.

- Не думаю, что такая мелочь как отсутствие поддержки :hover вообще будет как-то замечена.

- Могу предположить, что в настоящее время кол-во пользователей ie6 =< ie7 + ie8. У меня ie8.

- Если уж это так приспичило, я бы сделал через css + <a hover="#" и не парился, что это ссылка. Указатель мыши при этом тоже можно поменять. Текст в статус строке тоже тем же яваскриптом.

- ie7 разве не распространяться через автоматические обновления? Для этого ничего знать не надо. А если уж ты знаешь, как выключить систему автоматического обновления, то должно хватить мозгов на замену на ie7 руками.

- всевозможные и популярные пиратские говносборки "хр блабла эдишен", как правило, уже идут с интегрированным ie7.

- Продажа ноутов идет, как правило, с предустановленной какой системой? Тут же и дешевые нетбуки.

- С выходом win7 (что не за горами) все еще сильнее поменяется, т.к. результат Vista vs. Win7 (мне) очевиден в пользу Win7. Немало народа не ставят Vista, а ждут именно Win7.

Из всего вышесказанного для решения данной задачи я бы наплевал и забыл об ie6.

Интересные данные на тему браузеров
 

Только что смотрел статистику площадки на мастерхосте.

ну это же юзабилити, если не делать поддержку для ие6, то уровень твоего сайта падет в глазах пользователей, что может сказаться на кол-ве хостов
Если не изменяет память, то на данный момент около 10%, что не мало, если твой сайт расчитан на широкую публику
ты как с луны свалился, общайся больше с простым людом, они понятия не имеют как вообще устанавливать программы, что такое виндоус и что такое ие, зато умеют серфить.

Я, кстати, не имела ввиду конкретно данную задачу, говорила в общем о поддержке ие6: сохранении функционала, отображения картинок с прозрачностью и т д

C1FR0, что ж они про сафари забыли, ай-яй-яй :)

Не уверен, но возможно, что Safari причислили к Other.
Хотя скорее всего мой сайт не открывали в Safari на хостинге (только на локальной машине при разработке).

если смотреть динамику, то для ie6 она почти катастрофическая

Повторяю: надо использовать тот инструмент, который больше подходит. Почему это не кажется тебе разумным?

Проблема не в 17 мегабайтах. Проблема в том, что ты ничего не знаешь о практической стороне совеременной веб-разработки. А основной ее постулат в том, что не ты срешь на пользователей, а пользователи срут на тебя. Лет 10 назад было наоборот, но сейчас времена изменились.
У тебя, поставщика информации, нет ничего уникального. Ты стоишь в длинном ряду и конкурируешь с тысячей других таких. Если ты посылаешь 15-16% своих пользователей скачивать что-то там 17-мегабайтное, то они уйдут. Поздравляю! Своими нелепыми убеждениями, глупостью и нежеланием потратить лишний час ты потерял ровно 16% дохода.

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

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

Ну да, конечно. Из-за того что у C1FR0 на сайте не будет меняться чудо логотип при наведении на ячейку таблицы юзабилити просто ох... как рухнет и он потеряет всех пользователей в лице ie6. Мне, честно говоря, смешно. Как вы любите растекаться по общему. Было предложено простое решение для конкретной задачи врядли как то меняющее функциональность сайта вообще и его юзабилити. И в этом случае и было предложено наплевать на ie6, который изживает свой век. А вы развели сопли по поводу, что все уйдут. Да нихрена они не заметят, к тому же важность контента в данном случае гораздо больше обертки в которую вы её обернете.

Прочитай мое сообщение от 03.07.2009, 18:05.
Видишь, нам потребовались каких-то жалких три дня и пара тысяч печатных знаков на то, чтобы ты со мной согласился :)

А теперь читаем моё сообщение 02.07.2009, 22:36 применительно к данной задаче, которую поставил C1FR0, где было предложено использовать css и на этом успокоиться.

Да, но какое отношение это имеет к нашей дискуссии?

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

Дизайнера я убедил, что подсветка на пустом месте - фуфло.
И я нигде в теме не писал, что сайт станет ущербным, если этот эффект никто не увидит. Я не писал, что из-за этого могу потерять сколько-то там % пользователей.

Спасибо! Счел за личное оскорбление.
Я стремлюсь к совместимости в 5-и браузерах: Google Chrome, Internet Explorer 7, Mozilla Firefox 3, Opera 9.63, Safari 3.2.1.