Не нравятся результаты поиска? Попробуйте другой поиск!
dle-faq.ru FAQ (все вопросы) jQuery Доп. Поля (value)

Доп. Поля (value)


     14.03.2013    jQuery    1823

вопрос
Вопрос заключается в том как в доп поле добавить value, так чтобы было описание поля и при вводе текста пропадало.
как на картинке
Доп. Поля (value)

Ответил: BR0kEN


input::-webkit-input-placeholder {
    color:#838383;
}
input:focus::-webkit-input-placeholder {
    color:transparent;
}
input:-moz-placeholder {
    color:#838383;
}
input:focus:-moz-placeholder {
    color:transparent;
}
[xfgiven_NAME]<input type="text" value="[xfvalue_NAME]" placeholder="Введите название" />[/xfgiven_NAME]

Комментарии пользователей (20)

shmel1985
2

146 | 63

shmel1985 - 14 марта 2013 14:42 - Юзер

BR0KEN я правильно понял это вывод а мне нужно чтобы в addnews.tpl добавить поле с VALUE.

shmel1985
2

146 | 63

shmel1985 - 14 марта 2013 14:43 - Юзер

Поля выводятся таким образом
addnews.tpl
{xfieldvalue_original_poster}
{xfieldvalue_name}
{xfieldvalue_orig}
{xfieldvalue_year}

shmel1985
2

146 | 63

shmel1985 - 14 марта 2013 14:50 - Юзер


Вот картинка, в эти строки хочу описание внести.

ПафНутиЙ
1064

3393 | 2433

ПафНутиЙ - 14 марта 2013 15:17 - Админ

Просто добавьте для input атрибут placeholder="Введите название" не зависимо от того, где этот инпут находится.
Если не знаете как правильно вывести допполя в форму добавления материала - ищите по сайту, несколько раз поднимались эти вопросы.

Каков вопрос - таков и ответ. Просто помните об этом.

Sander
1125

1636 | 1202

Sander - 14 марта 2013 15:20 - Эксперт

Что-то мне подсказывает, что в опере этот фокус работать не будет...
А вообще, по ходу вопрос не в том, как настроить внешний вид, а как вообще в принципе добавить этот текст.

Лично я, самым простым выходом вижу вариант на JS. Это проще чем ковырять php файлы, тем более при каждом обновлении.

SanDev.pro - мой блог.

ICQ: 404-037-556
Skype: Sander8804

ПафНутиЙ
1064

3393 | 2433

ПафНутиЙ - 14 марта 2013 15:25 - Админ

Opera понимает
А для говнобраузеров:
// placeholder для говнобраузеров
$(document).ready(function(){$.browser.msie&&($("form").find("input[type='text']").each(function(){var a=$(this).attr("placeholder");$(this).attr("value",a).css("color","#ccc")}).focusin(function(){var a=$(this).attr("placeholder");$(this).val()==a&&$(this).attr("value","").css("color","#303030")}).focusout(function(){var a=$(this).attr("placeholder");""==$(this).val()&&$(this).attr("value",a).css("color","#ccc")}),$("form").submit(function(){$(this).find("input[type='text']").each(function(){var a=
$(this).attr("placeholder");$(this).val()==a&&$(this).attr("value","")})}))});

Каков вопрос - таков и ответ. Просто помните об этом.

Sander
1125

1636 | 1202

Sander - 14 марта 2013 15:36 - Эксперт

Я ж не про сам аттрибут, а про стили.
Opera ж вроде не понимает приставок -webkit и -moz.

SanDev.pro - мой блог.

ICQ: 404-037-556
Skype: Sander8804

shmel1985
2

146 | 63

shmel1985 - 14 марта 2013 15:40 - Юзер

Специалисты подскажите, вот у меня доп поле {xfieldvalue_name} как правильно подключить input

shmel1985
2

146 | 63

shmel1985 - 14 марта 2013 15:42 - Юзер

<input type="text" value="{xfieldvalue_name} " placeholder="Введите название" /> Пребольно ли я делаю?

shmel1985
2

146 | 63

shmel1985 - 14 марта 2013 15:45 - Юзер


Вот что получается.

shmel1985
2

146 | 63

shmel1985 - 14 марта 2013 16:02 - Юзер

Ребят, наведите на истеный путь)

nowheremany
192

1659 | 1292

nowheremany - 14 марта 2013 16:24 - Эксперт

$(document).ready(function(){
$("input[type='text'][name='xfield[ИМЯ ПОЛЯ]']").attr('placeholder','ТЕКС ДЛЯ ПОЛЯ');
$("input[type='text'][name='xfield[ИМЯ ПОЛЯ]']").attr('placeholder','ТЕКС ДЛЯ ПОЛЯ');

$.browser.msie&&($("form").find("input[type='text'][placeholder]").each(function(){var a=$(this).attr("placeholder");$(this).attr("value",a).css("color","#ccc")}).focusin(function(){var a=$(this).attr("placeholder");$(this).val()==a&&$(this).attr("value","").css("color","#303030")}).focusout(function(){var a=$(this).attr("placeholder");""==$(this).val()&&$(this).attr("value",a).css("color","#ccc")}),$("form").submit(function(){$(this).find("input[type='text']").each(function(){var a=
$(this).attr("placeholder");$(this).val()==a&&$(this).attr("value","")})}))});

Благодарность принимаю тут Связь

shmel1985
2

146 | 63

shmel1985 - 14 марта 2013 16:44 - Юзер

nowheremany Большое человеческое спасибо.

shmel1985
2

146 | 63

shmel1985 - 14 марта 2013 20:26 - Юзер

А если Тип поля: несколько строк, данный код не работает.
Не подскажете как сделать к Тип поля: несколько строк,

nowheremany
192

1659 | 1292

nowheremany - 14 марта 2013 22:50 - Эксперт

$("textarea[name='xfield[ИМЯ ПОЛЯ]']").attr('placeholder','ТЕКС ДЛЯ ПОЛЯ');

$.browser.msie&&($("form").find("input[type='text'][placeholder]"
Надо так
$.browser.msie&&($("form").find("input[type='text'][placeholder],textarea][placeholder]"

Благодарность принимаю тут Связь

shmel1985
2

146 | 63

shmel1985 - 14 марта 2013 22:59 - Юзер

Цитата: nowheremany
nowheremany

<script type="text/javascript">
$(document).ready(function(){
$("textarea[name='xfield[screenshots]']").attr('placeholder','Вставте bb-коды скриншотов');
$.browser.msie&&($("form").find("input[type='text'][placeholder],textarea][placeholder]"
</script>
Не работает

shmel1985
2

146 | 63

shmel1985 - 14 марта 2013 23:02 - Юзер

nowheremany,
$("textarea[name='xfield[screenshots]']").attr('placeholder','Вставте bb-коды скриншотов')
Спасибо большое все работает, очень вам признателен.

shmel1985
2

146 | 63

shmel1985 - 14 марта 2013 23:10 - Юзер

nowheremany, Мне уже неудобно перед вами, а для списка?

$("select[name='xfield[ИМЯ ПОЛЯ]']").attr('placeholder','ТЕКС ДЛЯ ПОЛЯ')
так не работает.

nowheremany
192

1659 | 1292

nowheremany - 15 марта 2013 09:34 - Эксперт

Для списка нельзя сделать.

Благодарность принимаю тут Связь

shmel1985
2

146 | 63

shmel1985 - 14 марта 2013 23:18 - Юзер


Вот как все красиво получилось, спасибо вам за то что вы есть.

Чтобы комментировать - войдите или зарегистрируйтесь на сайте

Похожие вопросы