Как осуществить очистку editbox при клике?

Вопросы, связанные с формами в WYSIWYG Web Builder.
Правила форума
1. Название темы должно кратко описывать суть вашего вопроса, темы типа: "Помогите", "Почему", "Что это", "Что-то глючит" - будут удаляться.
2. Задавая свой вопрос, постарайтесь предоставить максимум информации о проблеме, если есть возможность, приложите шаблон проекта *.wtp.
Подробнее: Правила создания новых тем и ответов на существующие темы.
Данный форум - это место обсуждения вопроса, а не техподдержка в классическом смысле. Все участники форума Web Builder по-русски с удовольствием вам помогут, если это будет в их силах.
Ответить
Аватара пользователя

Автор Темы
gladiolus0707
Специалист
Специалист
Сообщения: 1115
Зарегистрирован: 13 янв 2014, 10:56
Версия Web Builder: 10.1
Имя: Иван
Контактная информация:

Как осуществить очистку editbox при клике?

Сообщение gladiolus0707 » 13 янв 2014, 14:36

Подскажите как осуществить очистку editbox при клике. В форме есть поле с исходным значением, что сделать чтобы при клике для ввода имени или телефона поле очищалось? И ещё вопрос как сделать чтобы кнопка отправка меняла картинку при клике и наведении мыши?
Вставай рано, работай до поздна и.... найдешь нефть!

Реклама
Аватара пользователя

anonimus
Moderator
Moderator
Сообщения: 5248
Зарегистрирован: 12 июн 2012, 07:12
Версия Web Builder: 12.0.2
Имя: Анатолий Webmaster
Контактная информация:

Re: Как осуществить очистку editbox при клике?

Сообщение anonimus » 13 янв 2014, 22:11

не парьтесь и сделайте так
Изображение
Подключение формы обратной связи Wysiwyg Web Builder к телеграмму (заявки будут приходить на почту и в телегу, даже с прикреплёнными файлами и картинками)
**** Аудит ваших проектов (сайтов) на предмет ошибок и различного рода проблем! ****
>>> Ускорение загрузки ваших сайтов >>>
Консультации по WebBuilder, обучение эффективной и главное правильной работе в программе Wysiwig Web Builder.
Решение проблем с вашими проектами, разработка структуры сайта и его функционала, адаптация и оптимизация под мобильные тел и планшеты.
Создание и дизайн сайтов, решение проблем с готовыми сайтами, прочие работы в интернете (домены, хостинг и т.п.)
Оптимизация сайта под продвижение в поисковых системах ( seo )
==============
Более подробное описание услуг https://wysiwygwebbuilder.ru/forum/viewtopic.php?f=54&t=975
Емаil: mailrobot@wwbmaster.ru
Telegram: HTMLPLUSRU
==============

Аватара пользователя

Автор Темы
gladiolus0707
Специалист
Специалист
Сообщения: 1115
Зарегистрирован: 13 янв 2014, 10:56
Версия Web Builder: 10.1
Имя: Иван
Контактная информация:

Re: Как осуществить очистку editbox при клике?

Сообщение gladiolus0707 » 13 янв 2014, 22:18

Этот метод очищает когда начинаешь писать а при клике не очищает и текст если в этом поле написать по умолчанию серый и не меняется и не могу найти где изменить его цвет.
Вставай рано, работай до поздна и.... найдешь нефть!

Аватара пользователя

Автор Темы
gladiolus0707
Специалист
Специалист
Сообщения: 1115
Зарегистрирован: 13 янв 2014, 10:56
Версия Web Builder: 10.1
Имя: Иван
Контактная информация:

Re: Как осуществить очистку editbox при клике?

Сообщение gladiolus0707 » 13 янв 2014, 23:48

Разобрался нужно код вставлять в html объекта
Вставай рано, работай до поздна и.... найдешь нефть!


prubylecj

Re: Как осуществить очистку editbox при клике?

Сообщение prubylecj » 05 фев 2014, 19:19

в htm исходнике формы
перед тегом вставляем скрипт

<script type="text/javascript">
//Скрипт очищающий форму от текста при нажатии на нее курсора
function doClear(theText) { if (theText.value == theText.defaultValue) { theText.value = "" } }
function doDefault(theText) { if (theText.value == "") { theText.value = theText.defaultValue } }
</script>

в исходник каждого поля "в тег" добавляет

onFocus="doClear(this)"
onBlur="doDefault(this)"

</p>


GILMOR

Re: Как осуществить очистку editbox при клике?

Сообщение GILMOR » 06 фев 2014, 14:15

prubylecj писал(а):в htm исходнике формы
перед тегом вставляем скрипт

<script type="text/javascript">
//Скрипт очищающий форму от текста при нажатии на нее курсора
function doClear(theText) { if (theText.value == theText.defaultValue) { theText.value = "" } }
function doDefault(theText) { if (theText.value == "") { theText.value = theText.defaultValue } }
</script>

в исходник каждого поля "в тег" добавляет

onFocus="doClear(this)"
onBlur="doDefault(this)"

</p>



Четко обьяснил )))
Я вообще почти не догнал куда сначало ява скрипт вставлять ? либо перед самим ява скриптом формы либо куда то в html код формы запихнуть ?

Ну и это
onFocus="doClear(this)"
onBlur="doDefault(this)"
я так понял примерно вот так вот <input type="text" id="Editbox1" style="position:absolute;left:19px;top:45px;width:228px;height:41px;line-height:41px;z-index:0;outline:none;" name="Name" value="" placeholder="&#1042;&#1072;&#1096;&#1077; &#1080;&#1084;&#1103;" onFocus="doClear(this)"
onBlur="doDefault(this)"> Если так то у меня не работает


prubylecj

Re: Как осуществить очистку editbox при клике?

Сообщение prubylecj » 07 фев 2014, 12:52

мда.. я уже разжевал и все равно лень мозги включить? надо еще в рот положить и глотнуть. Чтоб скрипт работал со всеми полями в форме надо его вставить в код формы, для этого кликаем по форме (но не по полях и не по кнопке!!!) правой кнопкой мыши, в контекстном меню выбираем HTML исходник объекта. Видим окно в котором в поле вкладки "*Перед тегом" вставляем скрипт:

<script type="text/javascript">
//Скрипт очищающий форму от текста при нажатии на нее курсора
function doClear(theText) { if (theText.value == theText.defaultValue) { theText.value = "" } }
function doDefault(theText) { if (theText.value == "") { theText.value = theText.defaultValue } }
</script>

должно быть так Изображение
Жмем ОК!!!!

Теперь, выше описаным способом вызываем такое же окно для каждого поля формы в котором будут исходные данные при клике исчезать. Выбираем вкладку "В теге*" и вставляем onFocus="doClear(this)" onBlur="doDefault(this)".

Изображение

И Ок.

Аватара пользователя

timyshok
Интересующийся
Интересующийся
Сообщения: 29
Зарегистрирован: 21 мар 2014, 22:40
Версия Web Builder: 9.0.5
Имя: Артем

Re: Как осуществить очистку editbox при клике?

Сообщение timyshok » 04 июн 2014, 11:51

А подскажите какой код нужен, что бы цвет текста в edibox стал белый.

Аватара пользователя

Конструкторщик
Эксперт
Эксперт
Сообщения: 1419
Зарегистрирован: 06 фев 2012, 14:01
Версия Web Builder: 12.0.2

Re: Как осуществить очистку editbox при клике?

Сообщение Конструкторщик » 04 июн 2014, 14:51

timyshok писал(а):А подскажите какой код нужен, что бы цвет текста в edibox стал белый.

Никакого кода не надо,все в настройках есть:
Изображение
Однажды купивший-будет платить все время.

Аватара пользователя

timyshok
Интересующийся
Интересующийся
Сообщения: 29
Зарегистрирован: 21 мар 2014, 22:40
Версия Web Builder: 9.0.5
Имя: Артем

Re: Как осуществить очистку editbox при клике?

Сообщение timyshok » 04 июн 2014, 15:16

Ставлю белый, но все равно текст серый остается. http://brusdom.zel-lp.ru/

Аватара пользователя

Конструкторщик
Эксперт
Эксперт
Сообщения: 1419
Зарегистрирован: 06 фев 2012, 14:01
Версия Web Builder: 12.0.2

Re: Как осуществить очистку editbox при клике?

Сообщение Конструкторщик » 04 июн 2014, 15:37

timyshok писал(а):Ставлю белый, но все равно текст серый остается. http://brusdom.zel-lp.ru/

Ты имеешь ввиду текст по умолчанию? (Представьтесь-который?).
Он белый,но полупрозрачный.
Меняется только в коде вручную,убери прозрачность-только нафиг это тебе нужно?
Однажды купивший-будет платить все время.

Аватара пользователя

kaeses
Читатель
Читатель
Сообщения: 6
Зарегистрирован: 23 окт 2013, 05:30

Re: Как осуществить очистку editbox при клике?

Сообщение kaeses » 24 янв 2015, 23:06

Конструкторщик писал(а):
timyshok писал(а):Ставлю белый, но все равно текст серый остается. http://brusdom.zel-lp.ru/

Ты имеешь ввиду текст по умолчанию? (Представьтесь-который?).
Он белый,но полупрозрачный.
Меняется только в коде вручную,убери прозрачность-только нафиг это тебе нужно?


А ты не мог бы подсказать как этот код прописать? Что там должно быть написано?

Аватара пользователя

anonimus
Moderator
Moderator
Сообщения: 5248
Зарегистрирован: 12 июн 2012, 07:12
Версия Web Builder: 12.0.2
Имя: Анатолий Webmaster
Контактная информация:

Re: Как осуществить очистку editbox при клике?

Сообщение anonimus » 25 янв 2015, 06:24

kaeses писал(а):А ты не мог бы подсказать как этот код прописать? Что там должно быть написано?

можно я подскажу? :-):
дальше сами уже
Подключение формы обратной связи Wysiwyg Web Builder к телеграмму (заявки будут приходить на почту и в телегу, даже с прикреплёнными файлами и картинками)
**** Аудит ваших проектов (сайтов) на предмет ошибок и различного рода проблем! ****
>>> Ускорение загрузки ваших сайтов >>>
Консультации по WebBuilder, обучение эффективной и главное правильной работе в программе Wysiwig Web Builder.
Решение проблем с вашими проектами, разработка структуры сайта и его функционала, адаптация и оптимизация под мобильные тел и планшеты.
Создание и дизайн сайтов, решение проблем с готовыми сайтами, прочие работы в интернете (домены, хостинг и т.п.)
Оптимизация сайта под продвижение в поисковых системах ( seo )
==============
Более подробное описание услуг https://wysiwygwebbuilder.ru/forum/viewtopic.php?f=54&t=975
Емаil: mailrobot@wwbmaster.ru
Telegram: HTMLPLUSRU
==============


Ответить

Вернуться в «Формы.»

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

Сейчас этот форум просматривают: нет зарегистрированных пользователей и 0 гостей