Анимированная кнопка отправки [РЕШЕНО]

[Grigoriy]

Полного ответа я не нашел, поэтому создал отдельно тему.
Хочу сделать в форме заявки анимированную кнопку отправки. То есть есть два фото кнопки с одинаковым текстом, только цвет немного разный. В свойствах кнопки стиль делаю прозразным, в событиях устанавливаю:
1. onblur, действие-установить изображение, цель-выбираю (ID) кнопки, которое в свойствах указано, и путь к изображению.
2. onclick, все тоже самое, только путь делаю к другой картинке.
Загружаю и ничего не появляется и не происходит, просто прозрачная кнопка.

Пробовал через onmouseover и onmouseout и тоже не получалось!
В чем и где косячу?!

[Alex]

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

[Grigoriy]

Плохо искал значит...А название темы помните, где было обсуждение?
У меня так есть: то есть есть две фотографии кнопки-первая фотография показывается без наведения на неё курсора, и вторая, которая показывается при наведении курсора на кнопку. А вот, как замену сделать фотографий и отправкой данных из формы не получается пока...

[anonimus]

Плохо искал значит...А название темы помните, где было обсуждение?
У меня так есть: то есть есть две фотографии кнопки-первая фотография показывается без наведения на неё курсора, и вторая, которая показывается при наведении курсора на кнопку. А вот, как замену сделать фотографий и отправкой данных из формы не получается пока...

так уж и быть, подскажу вам, хоть и не хотел ничего говорить по этому поводу
замена картинок делается при помощи css прописанного ручками или ещё проще, а именно при помощи инструмента "Управляемое изображение"

[Alex]

Плохо искал значит...А название темы помните, где было обсуждение?
У меня так есть: то есть есть две фотографии кнопки-первая фотография показывается без наведения на неё курсора, и вторая, которая показывается при наведении курсора на кнопку. А вот, как замену сделать фотографий и отправкой данных из формы не получается пока...

Вот здесь писал, только про поле заполнения, но действия те же, только с кнопкой


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

так уж и быть, подскажу вам, хоть и не хотел ничего говорить по этому поводу
замена картинок делается при помощи css прописанного ручками или ещё проще, а именно при помощи инструмента "Управляемое изображение"

Он делает кнопку отправки в форме, как "Управляемое изображение" тут поможет, может я что то упустил?

[anonimus]

Он делает кнопку отправки в форме, как "Управляемое изображение" тут поможет, может я что то упустил?

ну как поможет?
так и поможет, что при наведении будет меняться изображение, для чего собственно и предназначено управляемое изображение

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



можно конечно решить через события, но мне так не нравится ибо больше лишних телодвижений

[Конструкторщик]

Плохо искал значит...А название темы помните, где было обсуждение?
У меня так есть: то есть есть две фотографии кнопки-первая фотография показывается без наведения на неё курсора, и вторая, которая показывается при наведении курсора на кнопку. А вот, как замену сделать фотографий и отправкой данных из формы не получается пока...

так уж и быть, подскажу вам, хоть и не хотел ничего говорить по этому поводу
замена картинок делается при помощи css прописанного ручками или ещё проще, а именно при помощи инструмента "Управляемое изображение"

Ты ниче не перепутал?
Или я понять не могу?
Каким образом ты упр.изображению функцию отправки"submit" прикрутишь?

[anonimus]

Ты ниче не перепутал?
Или я понять не могу?
Каким образом ты упр.изображению функцию отправки"submit" прикрутишь?

нет, я ничего не перепутал, клянусь потенцией
я даже спецом перепроверил ещё раз - отправляет
проявите смекалку и отойдите от привычных рамок стандартных возможностей WWB
кстати, я когда смотрю шаблоны от БМ, то ужасаюсь - насколько они сделаны порой сложно и набабшенно
там где нужен 1 элемент для какой-то функции - используется 3-5, да ещё куча свойств элементов

ладно, 10 утра, а я спать не ложился
пойду посплю

[Mavik]

Шо Вы тут Му-му мучаете?
http://mavik.vv.si/8/

[Конструкторщик]

Шо Вы тут Му-му мучаете?
http://mavik.vv.si/8/

Да эт понятно-ты вручную стилями вытащил нужный эффект,а вот упр.изображением-функцию отправки привинтить-непонятно.
И все маскируются)).
Правую кл. отключают
Но против пр.клавиши есть файрбаг и web developer ,да еще и декодер лебедева-до кучи...
Шпионы...

[Alex]

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

[anonimus]

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

правильно!
кстати, а управляемое изображение разве не на стилях строится?

[Grigoriy]

Alex, спасибо!!! Теперь понял, где ковырять надо! И вроде получается...
А как сделать через управляемое изображение отправку данных из формы?! С управляемым изображением красиво тем, что когда наводишь на кнопку курсор в руку превращается...

[Alex]

Да уже многие начали подзабивать на анимацию кнопок, курсор в виде руки и на много чего ещё, юзеры и так уже знают куда тыкать ))))

[anonimus]

Да уже многие начали подзабивать на анимацию кнопок, курсор в виде руки и на много чего ещё, юзеры и так уже знают куда тыкать ))))

они и до этого знали, но БМ преподнесла это под видом одного из секретов успеха

[lelik]

Братцы ! Кто подскажет как это делается . У меня на сайте 3 кнопки и 3-и разных вида услуги соответственно . Нужно сделать так , чтобы при клике на кнопку всплывала обратная форма связи для заказа . Каким образом можно это реализовать ? Обьясните доходчиво , как сделать с кнопки всплывающую форму заказа и чтобы заказ приходил ко мне на почту .

[anonimus]

Братцы ! Кто подскажет как это делается . У меня на сайте 3 кнопки и 3-и разных вида услуги соответственно . Нужно сделать так , чтобы при клике на кнопку всплывала обратная форма связи для заказа . Каким образом можно это реализовать ? Обьясните доходчиво , как сделать с кнопки всплывающую форму заказа и чтобы заказ приходил ко мне на почту .

сегодня бум одинаковых вопросов)))
viewtopic.php?f=29&t=1188

[lelik]

Спасибо ! Обьяснили доходчиво и понятно . Я нигде не нашёл на форуме про всплывающую форму обратной связи . Может плохо искал ? Но если бы нашёл , то вопрос бы не задавал . Ещё раз, Спасибо ! Значит прийдётся самому как то выкручиваться .

[anonimus]

Значит прийдётся самому как то выкручиваться .

правильно, пристыдите нас!
мы во всём виноваты

ладно, загладим свою вину

[lelik]

Спасибо ! Вот это по товарищески ))!!! Что бы я без вас делал ?!