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

- Сообщения: 1115
- Зарегистрирован: 13 янв 2014, 10:56
- Версия Web Builder: 10.1
- Имя: Иван
- Контактная информация:
Как осуществить очистку editbox при клике?
Подскажите как осуществить очистку editbox при клике. В форме есть поле с исходным значением, что сделать чтобы при клике для ввода имени или телефона поле очищалось? И ещё вопрос как сделать чтобы кнопка отправка меняла картинку при клике и наведении мыши?
Вставай рано, работай до поздна и.... найдешь нефть!
Реклама
-
anonimus
- Moderator

- Сообщения: 5248
- Зарегистрирован: 12 июн 2012, 07:12
- Версия Web Builder: 12.0.2
- Имя: Анатолий Webmaster
- Контактная информация:
Re: Как осуществить очистку editbox при клике?
не парьтесь и сделайте так


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

- Сообщения: 1115
- Зарегистрирован: 13 янв 2014, 10:56
- Версия Web Builder: 10.1
- Имя: Иван
- Контактная информация:
Re: Как осуществить очистку editbox при клике?
Разобрался нужно код вставлять в html объекта
Вставай рано, работай до поздна и.... найдешь нефть!
-
prubylecj
Re: Как осуществить очистку editbox при клике?
в 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>
перед тегом вставляем скрипт
<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 при клике?
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="Ваше имя" onFocus="doClear(this)"
onBlur="doDefault(this)"> Если так то у меня не работает
-
prubylecj
Re: Как осуществить очистку editbox при клике?
мда.. я уже разжевал и все равно лень мозги включить? надо еще в рот положить и глотнуть. Чтоб скрипт работал со всеми полями в форме надо его вставить в код формы, для этого кликаем по форме (но не по полях и не по кнопке!!!) правой кнопкой мыши, в контекстном меню выбираем 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)".

И Ок.
<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 при клике?
А подскажите какой код нужен, что бы цвет текста в edibox стал белый.
-
Конструкторщик
- Эксперт

- Сообщения: 1419
- Зарегистрирован: 06 фев 2012, 14:01
- Версия Web Builder: 12.0.2
Re: Как осуществить очистку editbox при клике?
timyshok писал(а):А подскажите какой код нужен, что бы цвет текста в edibox стал белый.
Никакого кода не надо,все в настройках есть:

Однажды купивший-будет платить все время.
-
timyshok
- Интересующийся

- Сообщения: 29
- Зарегистрирован: 21 мар 2014, 22:40
- Версия Web Builder: 9.0.5
- Имя: Артем
Re: Как осуществить очистку editbox при клике?
Ставлю белый, но все равно текст серый остается. http://brusdom.zel-lp.ru/
-
Конструкторщик
- Эксперт

- Сообщения: 1419
- Зарегистрирован: 06 фев 2012, 14:01
- Версия Web Builder: 12.0.2
Re: Как осуществить очистку editbox при клике?
timyshok писал(а):Ставлю белый, но все равно текст серый остается. http://brusdom.zel-lp.ru/
Ты имеешь ввиду текст по умолчанию? (Представьтесь-который?).
Он белый,но полупрозрачный.
Меняется только в коде вручную,убери прозрачность-только нафиг это тебе нужно?
Однажды купивший-будет платить все время.
-
kaeses
- Читатель

- Сообщения: 6
- Зарегистрирован: 23 окт 2013, 05:30
Re: Как осуществить очистку editbox при клике?
Конструкторщик писал(а):timyshok писал(а):Ставлю белый, но все равно текст серый остается. http://brusdom.zel-lp.ru/
Ты имеешь ввиду текст по умолчанию? (Представьтесь-который?).
Он белый,но полупрозрачный.
Меняется только в коде вручную,убери прозрачность-только нафиг это тебе нужно?
А ты не мог бы подсказать как этот код прописать? Что там должно быть написано?
-
anonimus
- Moderator

- Сообщения: 5248
- Зарегистрирован: 12 июн 2012, 07:12
- Версия Web Builder: 12.0.2
- Имя: Анатолий Webmaster
- Контактная информация:
Re: Как осуществить очистку editbox при клике?
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
==============
**** Аудит ваших проектов (сайтов) на предмет ошибок и различного рода проблем! ****
>>> Ускорение загрузки ваших сайтов >>>
Консультации по WebBuilder, обучение эффективной и главное правильной работе в программе Wysiwig Web Builder.
Решение проблем с вашими проектами, разработка структуры сайта и его функционала, адаптация и оптимизация под мобильные тел и планшеты.
Создание и дизайн сайтов, решение проблем с готовыми сайтами, прочие работы в интернете (домены, хостинг и т.п.)
Оптимизация сайта под продвижение в поисковых системах ( seo )
==============
Более подробное описание услуг https://wysiwygwebbuilder.ru/forum/viewtopic.php?f=54&t=975
Емаil: mailrobot@wwbmaster.ru
Telegram: HTMLPLUSRU
==============
Кто сейчас на конференции
Сейчас этот форум просматривают: нет зарегистрированных пользователей и 2 гостя

