Хабрахабр / Комментарии к посту «Как отправить форму по нажатию на ссылку?» в блоге «Веб-разработка»

03.08.2009 05:10:25 englishextra

englishextra — Mon, 03 Aug 2009 05:10:25 GMT

И холодильник разморожен, блять

30.07.2009 15:47:44 Tokolist

Tokolist — Thu, 30 Jul 2009 15:47:44 GMT

У меня в Опере 9.64 даже при видимой кнопке лейб не работает так как ожидается…

29.07.2009 19:26:47 mx2000

mx2000 — Wed, 29 Jul 2009 19:26:47 GMT

> Во-первых, приведите пример кода, написанного «кое-как».

загляните в любой хаброJSник — код написан именно «кое-как», особенно там не не скопитырен, а написан самостоятельно.

29.07.2009 18:48:54 PingMe

PingMe — Wed, 29 Jul 2009 18:48:54 GMT

Да я ничего против тебя не имею. Просто бесит.

29.07.2009 18:43:56 DeadLy

DeadLy — Wed, 29 Jul 2009 18:43:56 GMT

к сожалению на хабре тут так.
зы. я не минусовал

29.07.2009 16:30:56 PingMe

PingMe — Wed, 29 Jul 2009 16:30:56 GMT

И что с того? Мое мнение от этого стало неправильным? Или я должен был перечитать все комментарии чтобы высказаться по поводу идиотской писанины?

29.07.2009 12:38:30 grimskin

grimskin — Wed, 29 Jul 2009 12:38:30 GMT

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

29.07.2009 12:20:25 egorinsk

egorinsk — Wed, 29 Jul 2009 12:20:25 GMT

Тут есть обратная сторона, например, если увлечься аяксом, поисковик не сможет индексировать страницу, или перестанет работать кнопка «назад», или к примеру, вдруг завтра решат сделать мобильную версию сайта, и если архитектура плохо расширяемая, это выльется в еще большие затраты (и нежелание разработчиков работать с индусокодом).

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

29.07.2009 10:36:52 egorinsk

egorinsk — Wed, 29 Jul 2009 10:36:52 GMT

Дык тут многое зависит от уровня разработчика, один верстает кое-как, так что в какой-нибудь Опере все ползет во все стороны, и постоянно все приходится исправлять, а другой нормально. при этом без удорожания в 10 раз, он просто так умеет. И второй вариант оказывается даже иногда выгоднее, так как например с выходом Хрома не придется лазать по всем разделам сайта, чтобы исправить баги. (это такой выдуманный пример :) ).

Понятно, что специально «писать сайт под перфокарты» не надо, если хотя бы делать все качественно, это имеет свои преимущества. Например, если вы забьете на пользователей без скрипта, вы можете заодно поставить палки в колеса гугловскому боту, ну и так далее.

И есть еще человеческий фактор, мне например, неинтересно делать что-то совсем уж некачественно, ради экономии небольшого количества времени (да и сам потом же запутаешься в плохо написанном коде).

29.07.2009 09:26:16 smileart

smileart — Wed, 29 Jul 2009 09:26:16 GMT

Нет, вовсе не удивительно. Но лично я считаю качеством то, что хорошо и просто работает в своей нише, пусть и не мега универсальной, чем аморфное нечто, что открывается даже на терминалах с перфокартами выдавая на выходе печатный вариант своего дизайна и функционала и ожидая на входе перфорированную карту с дырками в позиции 4:8, 15:16 и 23:42, образно выражаясь.

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

29.07.2009 07:57:31 DeadLy

DeadLy — Wed, 29 Jul 2009 07:57:31 GMT

Я думаю заминусовали за то что, вы уже третий, или четвёртый это предлагаете.

29.07.2009 07:46:39 Delka

Delka — Wed, 29 Jul 2009 07:46:39 GMT

ограниченно и почти всё — на стороне сервера.
т.е. чтоб допустим клик на кнопку «показать комментарии» перезагрузит заново всю страницу и в уже перезагруженной покажет эти комментарии.

Подробнее тут.

29.07.2009 07:45:06 mdevils

mdevils — Wed, 29 Jul 2009 07:45:06 GMT

В Опере лучше прятать кнопку через «visibility: hidden; position: absolute;», иначе через «display: none» она с лейблом не свяжется так как вы от нее ожидаете.

29.07.2009 07:41:24 mdevils

mdevils — Wed, 29 Jul 2009 07:41:24 GMT

Opera Mini не выполняет Javascript?

28.07.2009 19:27:48 grimskin

grimskin — Tue, 28 Jul 2009 19:27:48 GMT

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

28.07.2009 19:13:37 zw0rk

zw0rk — Tue, 28 Jul 2009 19:13:37 GMT

но в два раза не возрастут трудозатраты.

28.07.2009 19:06:36 grimskin

grimskin — Tue, 28 Jul 2009 19:06:36 GMT

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

28.07.2009 18:44:01 zw0rk

zw0rk — Tue, 28 Jul 2009 18:44:01 GMT

> может я не совсем корректно выразился, но под дублированием я подразумевал как раз вот это — «запрос, если он аяксовый — отдается json с данными, если нет — рендерится шаблон». тут как минимум а) нужно делать дополнительный шаблон и б) делать отдельные контролы (да, да, контрол может быть один, но нужно будет реализовывать два механизма работы, все равно это две задачи вместо одной).

это решается грамотной архитектурой + частичными шаблонами.

28.07.2009 16:31:31 mdevils

mdevils — Tue, 28 Jul 2009 16:31:31 GMT

Мне казалось статья про методы БЕЗ включенного Javascript.

28.07.2009 15:41:02 zw0rk

zw0rk — Tue, 28 Jul 2009 15:41:02 GMT

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

28.07.2009 15:39:02 zw0rk

zw0rk — Tue, 28 Jul 2009 15:39:02 GMT

Особенно учитывая часто обнаруживаемые в новом FF security-дыры по части JS? Многие, кто его юзает предпочитают выставлять Noscript на все сайты, кроме проверенных.

А выжигать огнём и не подпускать к интернетам надо тех, кто стремится выжигать огнём и не подпускать к интернетам :)

28.07.2009 15:32:00 SelenIT

SelenIT — Tue, 28 Jul 2009 15:32:00 GMT

Вот я и говорю, что это вопрос исключительно вкуса и цвета :). Технически, для браузеров, что HTML с хорошим доктайпом, что XHTML как text/html — одно и то же. Абсолютно :)

28.07.2009 14:41:45 grimskin

grimskin — Tue, 28 Jul 2009 14:41:45 GMT

опера у меня не блокируется.
а на счет глючащего скрипта — дык это же уже недостатки реализации.

28.07.2009 14:14:20 egorinsk

egorinsk — Tue, 28 Jul 2009 14:14:20 GMT

Когда у меня были зависания этого скрипта, и не отправлялись комменты, да еще и страница начало как то криво перезагружаться — я подумал, лучше бы тут можно было отключить JS и отправлять комменты классическим способом, быстрее бы вышло.

Кстати, отдельный луч презрения Хабраразработчикам за тяжеленный код коммента, мало того что там пробелов и HTML кода раза в 4 больше чем полезного текста, так он зараза пока грузится намертво блокирует Оперу. Чтоб у вас там все так же тормозило.

:)

28.07.2009 13:51:19 egorinsk

egorinsk — Tue, 28 Jul 2009 13:51:19 GMT

Такая невидимая форма замечательно отправляется методом submit(), для этого 2 страницы кода не требуется.

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

28.07.2009 13:45:52 egorinsk

egorinsk — Tue, 28 Jul 2009 13:45:52 GMT

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

А вот мания ставить флешку в шапку сайта к примеру, «чтоб блестело» — дурь.

> но когда это вписывается в дизайн или удобно по функционалу, признайте, не будьте ханжой, это красиво и удобно=)

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

У Лебедева навигация сделана в носкрипте видимо для поисковиков.

28.07.2009 13:39:09 grimskin

grimskin — Tue, 28 Jul 2009 13:39:09 GMT

> и никакого увеличения бюджета это не несет.
совсем не согласен. написание дополнительного кода — это уже увеличение бюджета.

> И оценка трудозатрат (в 2 раза больше работы на тестирование) тоже излишне завышена
вместо «проверить со включенным js» нужно «проверить со включенным js»+«проверить с отключенным js»
как бы как раз в 2 раза.

>Это миф какой-то про дублирование функционала
может я не совсем корректно выразился, но под дублированием я подразумевал как раз вот это — «запрос, если он аяксовый — отдается json с данными, если нет — рендерится шаблон». тут как минимум а) нужно делать дополнительный шаблон и б) делать отдельные контролы (да, да, контрол может быть один, но нужно будет реализовывать два механизма работы, все равно это две задачи вместо одной).

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

28.07.2009 13:37:30 Tokolist

Tokolist — Tue, 28 Jul 2009 13:37:30 GMT

Да, точно! :) Спасибо!

28.07.2009 13:14:16 kex

kex — Tue, 28 Jul 2009 13:14:16 GMT

Только полный идиот мог составить такое требование… а потом ещё попросить адаптировать под людей без js.

Нарисуйте ссылку и сделайте type=image!

А в будущем (ну, когда с деньгами проблем не будет) сразу посылайте таких нахер, т.к. по ходу дальнейшей работы они выдадут не один подобный перл (not perl!).

28.07.2009 13:11:38 Tokolist

Tokolist — Tue, 28 Jul 2009 13:11:38 GMT

Я имел в виду тег «ссылка, кнопка, отправить форму, html, javascript, css, извращения» :)))

Да, спасибо, я погорячился, есть ведь замечательный метод:

replaceChild(newChild, oldChild)

класс (если может использоваться несколько) можно проверять регулярным выражением приблизительно так

(^|\s)class(\s|$)

А name можно отправлять (если есть такая необходимость) создавая по нажатию на ссылку скрытый параметр.

28.07.2009 12:45:05 kmike

kmike — Tue, 28 Jul 2009 12:45:05 GMT

JS может легко поломаться в середине своего выполнения, когда сообщение уже не покажешь.

Хм, а по моим данным Ваша оценка количества пользователей, у которых что-то не сработало (сотые доли процента) отличается от реальной в сотни раз. И оценка трудозатрат (в 2 раза больше работы на тестирование) тоже излишне завышена.

Да нет ничего сложного нет в том, чтоб сначала сделать вариант без js, а потом сверху «навесить» что нужно. Это миф какой-то про дублирование функционала. К контроллеру приходит запрос, если он аяксовый — отдается json с данными, если нет — рендерится шаблон. Дублирование функционала — это скорее проблема организации разработки, а не graceful degradation.

Если есть какой-то сложный интерактивный элемент на js — не нужно его полностью реализовывать в варианте без js, такой фанатизм — зло, конечно. Задача — чтобы сайтом пользоваться можно было нормально, не больше. Разумный компромисс найти всегда можно, и никакого увеличения бюджета это не несет.

28.07.2009 12:38:32 Tokolist

Tokolist — Tue, 28 Jul 2009 12:38:32 GMT

Да, работает. Я чуть ниже уже это написал. Видимо где-то ошибся в коде, валидатором не проверил, а так как остальные браузеры прятали кнопку, то грешил на одну только Оперу :)

28.07.2009 12:28:01 ju5tify

ju5tify — Tue, 28 Jul 2009 12:28:01 GMT

Я писал не про матрицу вероятностей, а про два определенных сценария:
1. Пользователь-мудак с IE6
2. Пользователь-мудак с намеренно отлюченными JS

28.07.2009 12:27:46 kmike

kmike — Tue, 28 Jul 2009 12:27:46 GMT

А как неправильное кеширование зависти от Вашего документ.гет_эдемент_бай_ид?
Кеширование — это в настройках сервера. Например, отдастся клиенту старая версия странички вдруг. Из-за излишне агрессивно настроенного reverse proxy. Бывает такое на shared-хостингах. Или с http-хидерами перемудрит кто-нибудь. И скрипт какой-нибудь (не обязательно обработчик онСабмит, а что-нибудь еще) завершится с ошибкой из-за несовпадения его ожиданий по части html кода с тем, что есть.

Он может завершиться с ошибкой и из-за какого-нибудь кривого браузера. Или просто потому, что код кривой и где-то не работает, так тоже бывает, живем мы не в идеальном мире. Выберет, например, getElementById что-нибудь с name=myform вместо id=myform в IE. И у этой фигни с name=myform не будет метода submit(), и все упадет. Гипотетически такая возможность есть даже в этом элементарном примере. Причин ошибок в js может быть куча, от кривых рук разработчика до баннерорезалок, фаерволов и проксей на публичных точках wi-fi. При этом выполнение js на странице остановится. Причем часто не только того скрипта, где ошибка, а вообще всего js.

Особенность клиентской части в том, что ее ведь не проконтролируешь, и там много всякой дикости случается. Такие ситуации в прошлое вовсе не уходят. Быть может, даже наоборот — чем больше js на странице, тем более вероятно, что где-то в нем ошибка.

28.07.2009 12:11:46 PingMe

PingMe — Tue, 28 Jul 2009 12:11:46 GMT

Меня выше заминусовали за такое же мнение, идиоты.

28.07.2009 12:08:46 grimskin

grimskin — Tue, 28 Jul 2009 12:08:46 GMT

ну я же спрашивал «как нормально реализовать» :) всю простыню комментариев каждый раз дважды перегружать это не гут

28.07.2009 12:04:42 PingMe

PingMe — Tue, 28 Jul 2009 12:04:42 GMT

Чего-то маловато минусов )

28.07.2009 11:48:29 aubt

aubt — Tue, 28 Jul 2009 11:48:29 GMT

по Вашему «отключение js» это единственные сценарий? вообще я ни разу в жизни не видел человека «выключевшиго js» и конечно ориентироваться на параноиков не стоит.

но причем тут они? js может не загрузиться, он может не поддерживаться устройством или программой, работающей с сайтом или веб-приложением. это что, тоже херня чтоли?

28.07.2009 11:29:43 Glyuck

Glyuck — Tue, 28 Jul 2009 11:29:43 GMT

Это, кстати, реализуется без JS:
ответить
На сервере нарисовать форму в нужном месте, в зависимости от reply_to :-P

28.07.2009 11:11:26 grimskin

grimskin — Tue, 28 Jul 2009 11:11:26 GMT

а зачем далеко ходить? вот как вы нормально реализуете систему комментариев аналогичную хабру без JS? под каждым комментарием будет болтаться форма для ответа?