Анимированная кнопка отправки

Сообщение **Alexeytzar** » 08 июл 2015, 06:02

Прошу прощения за сгруппированность предыдущего сообщения

Сообщение **sinpai** » 08 июл 2015, 07:47

Все очень просто.
Делаем управляемое изображение как кнопку.

Отправлено спустя 2 минуты 18 секунд:
Отправлено спустя 5 минут 29 секунд:
Создаем страницу обратной связи ( показываю на примере страницы с моего сайта )

Отправлено спустя 4 минуты 6 секунд:
Создаем страницу успеха и отображаем ее в форме обратной связи. Размер такой же, как и у формы связи ( соответственно этот размер задан в настройках лайтбокса ).
И ВСЕ!

Отправлено спустя 1 минуту 16 секунд:
Все это работает на моем сайте на ура.

Сообщение **Alexeytzar** » 08 июл 2015, 16:04

sinpai писал(а):Все очень просто.
Делаем управляемое изображение как кнопку.

Отправлено спустя 2 минуты 18 секунд:
Отправлено спустя 5 минут 29 секунд:
Создаем страницу обратной связи ( показываю на примере страницы с моего сайта )

Отправлено спустя 4 минуты 6 секунд:
Создаем страницу успеха и отображаем ее в форме обратной связи. Размер такой же, как и у формы связи ( соответственно этот размер задан в настройках лайтбокса ).
И ВСЕ!

Отправлено спустя 1 минуту 16 секунд:
Все это работает на моем сайте на ура.

.
Это все понятно, но у меня другая проблема: при просмотре с айпада, меняется вид кнопки, находящейся в форме, не той кнопки, которая открывает лайтбокс, с ней проблем нет, проблема в кнопке, отвечающей за отправку данных из контактной формы.

Отправлено спустя 2 минуты 34 секунды:
Кнопка отправки должна отображаться так:

Отправлено спустя 1 минуту :
А отображается вот так:, если смотреть с айпада или айфона

Отправлено спустя 1 минуту 5 секунд:
Должна отображаться синим прямоугольником, а отображается непонятным "овалом"

Сообщение **Alexeytzar** » 08 июл 2015, 16:13

Как вариант решения, думаю, можно сделать управляемое изображение кнопкой отправки. Но как его связать с формой и придать ему соответствующее свойство?

Сообщение **anonimus** » 08 июл 2015, 16:16

таких чудес не бывает и кнопки форму не меняют с квадрата на овал
либо у вас что-то там закешировалось, либо у вас есть точки останова и там прорисовано именно так всё
либо вы делали по какому то косчному шаблону купленному в нете
там такие кнопки часто делаю и работает всё довольно косячно

в общем нужно детально разбираться и смотреть ваш проект
будет желание разобраться - звоните в скайп

Сообщение **Alexeytzar** » 08 июл 2015, 16:26

А можно ли управляемое изображение заставить отправлять данные из формы? И, если да, то как это сделать?

Сообщение **anonimus** » 08 июл 2015, 16:33

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

Сообщение **Alexeytzar** » 08 июл 2015, 16:39

anonimus писал(а):отправлять можно, но есть один косяк
не помню точно какой.. вроде что то с валидацией
в общем есть где-то моя тема про это
поищите
но если делать по уму, то управляемое изображение не нужно и нужно делать через css прописывая ручками всё это дело

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

YouTube · Сообщение **Alex** » 15 июл 2015, 21:14

anonimus писал(а):Источник цитаты отправлять можно, но есть один косяк
не помню точно какой.. вроде что то с валидацией

Управляемое изображение как кнопка отправки для формы
Фигура как кнопка отправки для формы

a1890557 · Сообщение **a1890557** » 17 июл 2015, 09:01

Alex писал(а):
anonimus писал(а):Источник цитаты отправлять можно, но есть один косяк
не помню точно какой.. вроде что то с валидацией

Управляемое изображение как кнопка отправки для формы
Фигура как кнопка отправки для формы

Алекс, а можно ли мне в 2 словах объяснить людям, как очень просто сделать управляемое изображение или фигуру кнопкой отправки прямо из формы, за 3 телодвижения? Я почему спрашиваю, вроде есть у Вас там платные решения.

YouTube · Сообщение **Alex** » 17 июл 2015, 13:53

Рассказывай... только там одно движение надо )))

a1890557 · Сообщение **a1890557** » 17 июл 2015, 18:07

Alex писал(а):Рассказывай... только там одно движение надо )))

Я имел в виду одно телодвижение, с тремя под этапами)) Подосвобожусь черкану вкратце что , да как.

Сообщение **lelik** » 17 июл 2015, 18:41

Освобождайся быстрее :bra_vo:

a1890557 · Сообщение **a1890557** » 18 июл 2015, 16:25

lelik писал(а):Освобождайся быстрее

Обнаружился косячёк небольшой с моим решением именно, время появится, решу эту проблему, в личку скину Вам. Здесь отписываться всё таки не корректно я думаю.

Сообщение **Kira** » 09 фев 2016, 21:20

Добрый вечер!
Тема про анимированную кнопку, поэтому пишу тут. На форуме не нашла. Простите и не удаляйте, уже полдня страдаю.
В прошлом сайте сделала все, как сказал Alex, все ОК в этом сайте никак!
При предпросмотре кнопка смотрится так

2016-02-09 19-53-07 Скриншот экрана.png

, а после публикации так

2016-02-09 19-53-47 Скриншот экрана.png

2016-02-09 19-54-15 Скриншот экрана.png

Если не в той теме, ответьте плиз, потом удаляйте. С ума свихнусь, помогите!
Спасибо

YouTube · Сообщение **Alex** » 09 фев 2016, 22:01

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

Сообщение **Kira** » 11 фев 2016, 10:18

Alex, дай Бог тебе доброго здоровья!!
У меня были в названии стиля пробелы и сам проект назывался кириллицей. Убрала это - все работает. СПАСИБО!