Comments on: jQuery плагин: плавающий виджет с кнопками http://www.simplecoding.org/jquery-plagin-plavayushhij-vidzhet-s-knopkami.html Блог о программировании Wed, 08 Feb 2012 10:27:00 +0000 hourly 1 http://wordpress.org/?v= By: Maslennikow_a_m http://www.simplecoding.org/jquery-plagin-plavayushhij-vidzhet-s-knopkami.html#comment-20285 Maslennikow_a_m Sat, 03 Dec 2011 17:40:00 +0000 http://www.simplecoding.org/?p=1026#comment-20285 цукцу цукцу

]]> By: Владимир http://www.simplecoding.org/jquery-plagin-plavayushhij-vidzhet-s-knopkami.html#comment-20254 Владимир Mon, 28 Nov 2011 18:54:00 +0000 http://www.simplecoding.org/?p=1026#comment-20254 Если ваша форма будет иметь фиксированную ширину, то задача решается достаточно просто. 1) верстаете виджет с формой 2) устанавливаете для виджета абсолютное позиционирование и отрицательное значение свойства left (если виджет нужно прижать к левому краю страницы). Например, left: -200px если ширина формы 200px. 3) устанавливаете для кнопки обработчик события click, который будет изменять значение left с -200 до 0 и наоборот (вообще, лучше переключать не значение свойства, а изменять CSS класс, который эти свойства устанавливает, в этом случае можно использовать jQuery.toggleClass()). В результате форма будет мгновенно выдвигаться с левой стороны окна браузера. 4) добавляете анимацию, чтобы сделать перемещение формы плавным. Если ваша форма будет иметь фиксированную ширину, то задача решается достаточно просто.
1) верстаете виджет с формой
2) устанавливаете для виджета абсолютное позиционирование и отрицательное значение свойства left (если виджет нужно прижать к левому краю страницы). Например, left: -200px если ширина формы 200px.
3) устанавливаете для кнопки обработчик события click, который будет изменять значение left с -200 до 0 и наоборот (вообще, лучше переключать не значение свойства, а изменять CSS класс, который эти свойства устанавливает, в этом случае можно использовать jQuery.toggleClass()). В результате форма будет мгновенно выдвигаться с левой стороны окна браузера.
4) добавляете анимацию, чтобы сделать перемещение формы плавным.

]]> By: Андрей http://www.simplecoding.org/jquery-plagin-plavayushhij-vidzhet-s-knopkami.html#comment-20252 Андрей Sun, 27 Nov 2011 21:34:00 +0000 http://www.simplecoding.org/?p=1026#comment-20252 Очень удобная кнопочка,вот и я бьюсь в конвульсиях в поиске одного решения нужна типа такая же кнопочка но чтоб она была пришита к краю страницы и при нажатии на неё выезжала окошко с заданным виджетом,очень полезная вещь,пример такой но уже готовой под форму обратной связи есть тут onwf.ru,немогли бы Вы как то открыть глазки на этот вопрос. Очень удобная кнопочка,вот и я бьюсь в конвульсиях в поиске одного решения нужна типа такая же кнопочка но чтоб она была пришита к краю страницы и при нажатии на неё выезжала окошко с заданным виджетом,очень полезная вещь,пример такой но уже готовой под форму обратной связи есть тут onwf.ru,немогли бы Вы как то открыть глазки на этот вопрос.

]]> By: Timur http://www.simplecoding.org/jquery-plagin-plavayushhij-vidzhet-s-knopkami.html#comment-10569 Timur Fri, 16 Apr 2010 15:36:16 +0000 http://www.simplecoding.org/?p=1026#comment-10569 Долго искал подобное, плагин отличный Долго искал подобное, плагин отличный

]]> By: Timur http://www.simplecoding.org/jquery-plagin-plavayushhij-vidzhet-s-knopkami.html#comment-18221 Timur Fri, 16 Apr 2010 15:36:00 +0000 http://www.simplecoding.org/?p=1026#comment-18221 Долго искал подобное, плагин отличный Долго искал подобное, плагин отличный

]]> By: Timur http://www.simplecoding.org/jquery-plagin-plavayushhij-vidzhet-s-knopkami.html#comment-10568 Timur Fri, 16 Apr 2010 15:35:44 +0000 http://www.simplecoding.org/?p=1026#comment-10568 Долго искал подобное, плагин отличный. Долго искал подобное, плагин отличный.

]]> By: Timur http://www.simplecoding.org/jquery-plagin-plavayushhij-vidzhet-s-knopkami.html#comment-18220 Timur Fri, 16 Apr 2010 15:35:00 +0000 http://www.simplecoding.org/?p=1026#comment-18220 Долго искал подобное, плагин отличный. Долго искал подобное, плагин отличный.

]]> By: Владимир http://www.simplecoding.org/jquery-plagin-plavayushhij-vidzhet-s-knopkami.html#comment-10265 Владимир Thu, 08 Apr 2010 14:21:22 +0000 http://www.simplecoding.org/?p=1026#comment-10265 Я рад, что вам он понравился. Проблема с мерцанием уже <a href="http://www.simplecoding.org/plavayushhij-vidzhet-versiya-2.html" rel="nofollow">исправлена</a>. Я рад, что вам он понравился. Проблема с мерцанием уже исправлена.

]]> By: Владимир http://www.simplecoding.org/jquery-plagin-plavayushhij-vidzhet-s-knopkami.html#comment-18219 Владимир Thu, 08 Apr 2010 14:21:00 +0000 http://www.simplecoding.org/?p=1026#comment-18219 Я рад, что вам он понравился. Проблема с мерцанием уже <a href="http://www.simplecoding.org/plavayushhij-vidzhet-versiya-2.html" rel="nofollow">исправлена</a>. Я рад, что вам он понравился. Проблема с мерцанием уже исправлена.

]]> By: Владимир http://www.simplecoding.org/jquery-plagin-plavayushhij-vidzhet-s-knopkami.html#comment-10264 Владимир Thu, 08 Apr 2010 14:19:27 +0000 http://www.simplecoding.org/?p=1026#comment-10264 Блокировщик в данном случае побороть не получиться. Т.к. кнопка Tweetmeme вставляется с помощью JS кода с их сайта, а он создаёт iframe, который не нравится блокировщику. На работу самого плагина это не влияет, но, скорее всего, кнопку придется поискать другую. Блокировщик в данном случае побороть не получиться. Т.к. кнопка Tweetmeme вставляется с помощью JS кода с их сайта, а он создаёт iframe, который не нравится блокировщику.

На работу самого плагина это не влияет, но, скорее всего, кнопку придется поискать другую.

]]>