Управление плейсхолдер'ом

Сообщение **SuperBatya** » 20 мар 2017, 14:28

Подскажите... Можно ли делать на WB анимацию плейсхолдера... Не помню на каком сайте видел такое: при нажатии на поле в форме плейсхолдер анимируется. Прилагается gif-ка моей мысли...

Сообщение **Gudwinn** » 22 мар 2017, 12:19

Вот небольшой пример с плэйсхолдерами чисто на CSS http://placeholder.offershop.ru Вот архив

demo.rar

Сообщение **SuperBatya** » 22 мар 2017, 14:46

Большое спасибо, Кирилл... Очень очень много узнал о плейсхолдере... Все круто...
А можно ли как-нибудь, что бы сам текст плейсхолдера после анимации остался, желательно как у меня над editbox'ом... А то у меня просят, что бы надпись оставалась для визуального наблюдения, что вводишь...

Или может не мудрить ничего просто текстом?
Буду рад любой помощи?

Сообщение **Gudwinn** » 22 мар 2017, 20:06

Вот написал свой скрипт обработки лэйбла, по сути прямо в точку то что Вы хотели, вот пример http://placeholder.offershop.ru/variant2/ вот архив

проект.zip

Сообщение **codeorlov** » 23 мар 2017, 10:07

Кирилл, спасибо огромное! Интересно! :co_ol:

Да, Кириллыч, большое спасибо! Однозначно пригодится!

Сообщение **SuperBatya** » 23 мар 2017, 23:07

Спасибо, Кирилл, что откликаешься на просьбу!!! Очень классно!!!
Кирилл, может еще подскажешь, как, что бы этот плейсхолдер при анимации еще и увеличивался (т.е. изначально плейсхолдер - 10px, а над EditBox'ом будет - 14px)...
Заранее благодарен за ответ!

Сообщение **Gudwinn** » 24 мар 2017, 09:16

Вот вариант на джейквери и CSS с наворотиками http://placeholder.offershop.ru/variant3/ вот архив

плэйсхолдер3.zip

Сообщение **SuperBatya** » 24 мар 2017, 16:25

Кирилл, ты просто Гуру, то, что надо!!! Большое тебе спасибо!!!

Сообщение **Gudwinn** » 24 мар 2017, 21:32

Стараемся))) Всем спасибо ребята за тёплые слова))

Сообщение **lelik** » 24 май 2018, 16:14

Ребят , а может кто подскажет как прописать в плейсхолдере звездочку * красным цветом ? Когда то делал и читал про это на форуме , но никак не могу найти тему .

Сообщение **dlod** » 24 май 2018, 18:54

В 14 версии можно изменить цвет, но для всего текста, вот код:

<style>
#Editbox1::placeholder {
color: #FF6347;
opacity: 1;
}
#Editbox1::-ms-input-placeholder {
color: #FF6347;
}
</style>

В исходник страницы во вкладку: Между тегами <head></head>
Как изменить цвет только для звездочки не знаю!

Сообщение **lelik** » 25 май 2018, 10:36

Нет , к сожелению , нужно только звездочку красной сделать . Кто знает , подскажите .

Сообщение **lelik** » 25 май 2018, 17:18

И КАК ВСЕГДА на помощь пришел ВЕЛИКИЙ ГУДВИН!!!! Минут 15 общения в скайпе и немного разьяснений и всё сделали !!!! Неоднократно выручающий Кирилл помог в решении этого вопроса . Оказалось не просто конечно , но главное есть решение !! СПАСИБО тебе , дружище за твою безотказность и всяческую помощь в непростых вопросах . :bra_vo:

Сообщение **Gudwinn** » 25 май 2018, 17:28

Спасибо за отзыв, стараемся!)))

Сообщение **Alex15963** » 28 май 2018, 16:05

Кирилл! Снимаю шляпу! Спасибо! :co_ol:

Кто сейчас на конференции

Добро пожаловать на форум!