Комментарии 54
По технической стороне: проще было обойтись css, по-моему.
Но как пример использования фреймворка вполне.
Но как пример использования фреймворка вполне.
Если данная статья понравиться читателям блога, я выложу примеры посложнее, где голым CSS не обойтись.
Жду продолжения. Плюсик ставить не могу :(
Понравится. С удовольствием прочту продолжение. Спасибо за эту.
Как и xaerom, жду продолжения )) только хотелось бы чего-нибудь посложней )
Все зависит от задачи.
Мне вот, например, надо было прикрепить к каждой ссылке картинку, по клику на которую вываливалась контекстная менюшка.
Мне вот, например, надо было прикрепить к каждой ссылке картинку, по клику на которую вываливалась контекстная менюшка.
Может вы не заметили, но этот метод меняет не css а html. Внекоторых случаях это заметно гибче.
может из моего комментария не понятно, но я про данный конкретный пример. Для запихивания одинаковых картинок в ссылки проще юзать css.
В общем, двумя руками поддерживаю оратора.
Про iQ и сам бы послушал. Как вариант темы: реализация CSS3 штуковин в IE. Нормальные браузеры обойдутся CSS-кодом, а для IE заплатка.
Про iQ и сам бы послушал. Как вариант темы: реализация CSS3 штуковин в IE. Нормальные браузеры обойдутся CSS-кодом, а для IE заплатка.
Напиши лучше не про аякс, а про дрэг эн дроп на jQuery. К примеру есть гора каких то дивов, и нам надо, чтобы можно было сформировать допустим меню ресторана на нужный день, перетянув в него рыбу, мясо и доширак (подобный пример очень прост если использовать расширение ui для jQuery). А усложнить можно допустим, сделав меню текущего дня сортируемым :)
Спасибо за совет - учту. Пока выложу то, что есть у меня готовое: небольшие примеры для верстки, потом есть примеры посложнее с элементами программирования и, про аякс. Что касается Drag and Drop, то у меня готовых примеров нет, имеется в виду написанных самостоятельно.
И dimensions, без которого они не варят.
В примере аякса нету же)
По поводу меню - можно использовать и плагин Interface, хотя я не исключаю, что в основу jQuery User Interface он и взят
По поводу меню - можно использовать и плагин Interface, хотя я не исключаю, что в основу jQuery User Interface он и взят
Да, очень интересно посмотреть. Хотя сейчас отвлекусь и скажу что такой подход неверен (имхо). Глубоко убежден что меню, изначальное, делается не на бумажке карандашиком и потом его на сайт арт-директор вставляет, а можно добится, чтобы оно изначально было в человеческом виде, неважно в какой программе, потом его экспортнуть на сайт и всех делов.
Тут немного другое имели в виду, что-то типа корзины товаров. Посмотрите демки вот здесь: http://ui.jquery.com.
Ну можно и так в принципе сделать, но я не занимаюсь ресторанами, это было первой идеей про драдэн дроп щас просто :)
Да, что-нибудь с драг-н-дропом думаю было бы очень в тему!
Или какие-нибудь продвинутые формы.
Ну например есть лента скажем товаров (каждый товар горизонтальный блок название, фотка, описание, цена), и надо выбрать несколько.
Можно чекбоксы слева у каждого товара поставить, но это старо выглядит и не юзерфрендли)
Но однозначно про jQuery будет интересно еще что-нибудь узнать, пишите еще!
Или какие-нибудь продвинутые формы.
Ну например есть лента скажем товаров (каждый товар горизонтальный блок название, фотка, описание, цена), и надо выбрать несколько.
Можно чекбоксы слева у каждого товара поставить, но это старо выглядит и не юзерфрендли)
Но однозначно про jQuery будет интересно еще что-нибудь узнать, пишите еще!
Про формы будет дальше, главное чтобы интересно было.
Интересно-интересно! Особенно про формы)
http://habrahabr.ru/blog/webdev/33739.ht… - вторая часть.
Можно выбрать и просто нажав на кнопочку, которая аяксом запишет в сессию ваш товар (если вы не зарегестрированы). А так прочитав ваш пример, сам собой у меня напросился этот пример: http://interface.eyecon.ro/demos/cart.html
А может кто-нибудь написать хорошую статью-обзор-сравнение js фреймворков вроде jQuery/mootoloos/др.? Или может где в Интернете есть?
Если надо что-то сделать на js, я использую mootools. Но почему я это делаю сказать не могу, просто потому что немного уже поработал с ним. Может в каких-то задачах лучше было бы использовать какой-либо другой фреймворк? Было бы неплохо почитать простой и объективный обзор, а вот заниматься особо поисками и сравнением некогда.
Если надо что-то сделать на js, я использую mootools. Но почему я это делаю сказать не могу, просто потому что немного уже поработал с ним. Может в каких-то задачах лучше было бы использовать какой-либо другой фреймворк? Было бы неплохо почитать простой и объективный обзор, а вот заниматься особо поисками и сравнением некогда.
Чтобы не разводить холиворов, скажу про 100% случаи: надо использовать jQuery для друпала, и Prototype для рельсов. В остальных случаях надо думать.
И по поводу "а вот заниматься особо поисками и сравнением некогда", поверьте, вы потратите больше времени, если будете забивать гвозди пилой, когда рядом лежит молоток, но у вас не времени, оценить, что в данном случае лучше :)
И по поводу "а вот заниматься особо поисками и сравнением некогда", поверьте, вы потратите больше времени, если будете забивать гвозди пилой, когда рядом лежит молоток, но у вас не времени, оценить, что в данном случае лучше :)
Пример про пилу и молоток вымышлен, и никак не связан с "jQuery/mootoloos/др.".
Честно говоря, по отрывкам кода, которые я видел, у меня сложилось впечатление, что фреймворки примерно одинаковы. Могут быть только вопросы с быстродействием... А по другим параметрам... У mootools, вот, сайт здорово выглядит, анимация вся гламурная :) (это не критерий конечно, но мне нравится).
А использую я их либо с пиотном (Django), либо под ASP.Net %)
А использую я их либо с пиотном (Django), либо под ASP.Net %)
Какая JavaScript-библиотека лучшая?
В данном топике, наверное, стоит закончить обсуждать другие фреймворки ;)
В данном топике, наверное, стоит закончить обсуждать другие фреймворки ;)
А конструкция
a[href^="http://"]:not([href*="example.com"])::after {content: "\2197";}
уже не работает?
К тому же в приведённом Вами примере рисунок будет добавлен ко всем ссылкам. (или я что-то пропустил?)
a[href^="http://"]:not([href*="example.com"])::after {content: "\2197";}
уже не работает?
К тому же в приведённом Вами примере рисунок будет добавлен ко всем ссылкам. (или я что-то пропустил?)
Не палите тему ;) ;) ;)
В этой статье я описал стрелочку именно для всех ссылок, дальше будет статья про менюшки, там как раз надо будет делать выборку по домену в ссылке.
В этой статье я описал стрелочку именно для всех ссылок, дальше будет статья про менюшки, там как раз надо будет делать выборку по домену в ссылке.
Не лучше ли в CSS пару лишних строк писать? Этим JS уже вообще переполнены некоторые сайты/страницы.
спасибо, что меня вспомнили :)
http://rsdn.ru/article/inet/jQuery.xml?print
спасибо, жду следующих статей
не плохая статья. в дальнейшем хотелось бы побольше примеров для использования в жизни
прикольно. ждем продолжения.
По-моему мнению, jquery отличная библиотека для создания фронт-эндов в плане функциональности
А вот mootools более подходит для всяких новомодных (а часто и полезных :) рюшечек.
Вооот, хотелось бы увидеть статьи о mootools, ибо эти самые рюшечки очень актуальны сейчас.
А вот mootools более подходит для всяких новомодных (а часто и полезных :) рюшечек.
Вооот, хотелось бы увидеть статьи о mootools, ибо эти самые рюшечки очень актуальны сейчас.
Спасибо. Интересно, буду ждать продолжения.
Думаю jQuery очень хорошо подходит для разного рода красивостей с минимумом html-кода.
Например, а контенте.
Представьте, html-код у вас одинаков на всех сайтах, а выглядит это всё как угодно и по разному.
Автору спасибо. Пишите дальше, как раз хочу освоить
Например, а контенте.
Представьте, html-код у вас одинаков на всех сайтах, а выглядит это всё как угодно и по разному.
Автору спасибо. Пишите дальше, как раз хочу освоить
А если, скажем, ссылки на странице необходимо заключить (которые target _blank) в теги noindex
сработает append?
сработает append?
>>Как делать более сложные выборки (в том числе внешние ссылки) читайте в следующих частях.
а где же следующие части?
а где же следующие части?
Зарегистрируйтесь на Хабре, чтобы оставить комментарий
jQuery для верстальщика (часть 1): стрелочки для ссылочек