• Страница 1 из 1
  • 1
Модератор форума: likbezz  
Скрипты и коды для юкоз - Форум аццкого кодера » Вопросы по верстке, дизайну, управлению и настройки модулей СMS от uCoz » Прочие модули (FAQ, Мини-чат, Почтовые формы, Опросы, Онлайн игры, Тесты) » Placeholder для почтовые формы в Internet explorer
Placeholder для почтовые формы в Internet explorer
Дата: Четверг, 03.05.2012, 15:23 |
resident
Сержант
Группа: Пользователи
Сообщений: 29
Награды: 0
Репутация: 0
Статус: Offline


Хочется добавить в почтовой форме для тегов <input> и <textarea> атрибут Placeholder

Так выглядит сейчас почтовая форма
Code
<table border="0" width="100%" id="table1" cellspacing="1" cellpadding="2">
<tr><td width="35%">Имя отправителя <font color="red">*</font>:</td><td><input placeholder="Дмитрий" type="text" name="f4" size="30" style="width:95%; color: #505050;" maxlength="70"> </td></tr>
<tr><td>E-mail отправителя:</td><td><input placeholder="e-mail@test.ru" type="text" name="f1" size="30" style="width:95%; color: #505050;" maxlength="70"> </td></tr>
<tr><td>Адрес:</td><td><input type="text" name="f5" size="30" style="width:95%;" maxlength="70"> </td></tr>
<tr><td>Телефон <font color="red">*</font>:</td><td><input placeholder="8(905)2429994" type="text" name="f2" size="30" style="width:95%; color: #505050;" maxlength="70"> </td></tr>
<tr><td>Сообщение <font color="red">*</font>:</td><td><textarea onclick='if(this.value=="Мне нужно установить антивирус...") this.value=""'onblur='if(this.value=="") this.value="Мне нужно установить антивирус..."'  rows="7" name="f3" cols="30" style="width:95%; color: #505050;">Мне нужно установить антивирус...</textarea> </td></tr>
<tr><td colspan="2" align="center"><br /><input type="submit" value="Сделать заказ"></td></tr>
</table>


Везде работает кроме iexplorer. Нашел статью где описано, как можно это поправить.. хотя все ставил по инструкции ничего не получается.
http://www.xiper.net/collect/js-plugins/html5-and-css3/jquery-placeholder.html
хотя пример у них рабочий..

Помогите поставить этот скрипт..


 
Дата: Четверг, 03.05.2012, 18:17 |
likbezz
Аццкий кодер
Группа: Администраторы
Сообщений: 9093
Награды: 23
Репутация: 459
Статус: Unknown


resident,
Quote (resident)
Помогите поставить этот скрипт..

Code
<style type="text/css">
.placeholder{color:#777;}
:-webkit-input-placeholder{color:#777;}
:-moz-placeholder{color:#777;}
</style>
<table border="0" width="100%" id="table1" cellspacing="1" cellpadding="2">
<tr><td width="35%">Имя отправителя <font color="red">*</font>:</td><td><input placeholder="Дмитрий" type="text" name="f4" size="30" style="width:95%;" maxlength="70"> </td></tr>
<tr><td>E-mail отправителя:</td><td><input placeholder="e-mail@test.ru" type="text" name="f1" size="30" style="width:95%;" maxlength="70"> </td></tr>
<tr><td>Адрес:</td><td><input type="text" name="f5" size="30" style="width:95%;" maxlength="70"> </td></tr>
<tr><td>Телефон <font color="red">*</font>:</td><td><input placeholder="8(905)2429994" type="text" name="f2" size="30" style="width:95%;" maxlength="70"> </td></tr>
<tr><td>Сообщение <font color="red">*</font>:</td><td><textarea onclick='if(this.value=="Мне нужно установить антивирус...") this.value=""'onblur='if(this.value=="") this.value="Мне нужно установить антивирус..."'  rows="7" name="f3" cols="30" style="width:95%;">Мне нужно установить антивирус...</textarea> </td></tr>
<tr><td colspan="2" align="center"><br /><input type="submit" value="Сделать заказ"></td></tr>
</table>
<script type="text/javascript" src="http://likbezz.ru/_source/_libs/placeholder/jq.placeholder.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$('#table1 input[placeholder],#table1 textarea[placeholder]').placeholder();
})
</script>


jQuery-Placeholder — замещающийся текст для почтовой формы


 
Дата: Четверг, 03.05.2012, 20:20 |
resident
Сержант
Группа: Пользователи
Сообщений: 29
Награды: 0
Репутация: 0
Статус: Offline


likbezz, спасибо. Очень благодарен!

 
Скрипты и коды для юкоз - Форум аццкого кодера » Вопросы по верстке, дизайну, управлению и настройки модулей СMS от uCoz » Прочие модули (FAQ, Мини-чат, Почтовые формы, Опросы, Онлайн игры, Тесты) » Placeholder для почтовые формы в Internet explorer
  • Страница 1 из 1
  • 1
Поиск:


Мобильная версия