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

Доп. Поля (value)


     14.03.2013    Доп. Поля    Все вопросы » jQuery    3202

вопрос
Вопрос заключается в том как в доп поле добавить 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
Юзер

shmel1985 - 14 марта 2013 14:42 -

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

shmel1985
Юзер

shmel1985 - 14 марта 2013 14:43 -

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

shmel1985
Юзер

shmel1985 - 14 марта 2013 14:50 -


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

ПафНутиЙ
Админ

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

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

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

Sander
PHP-developer

Sander - 14 марта 2013 15:20 -

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

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

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

Telegram: @sandev
Skype: Sander8804

ПафНутиЙ
Админ

ПафНутиЙ - 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
PHP-developer

Sander - 14 марта 2013 15:36 -

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

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

Telegram: @sandev
Skype: Sander8804

shmel1985
Юзер

shmel1985 - 14 марта 2013 15:40 -

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

shmel1985
Юзер

shmel1985 - 14 марта 2013 15:42 -

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

shmel1985
Юзер

shmel1985 - 14 марта 2013 15:45 -


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

shmel1985
Юзер

shmel1985 - 14 марта 2013 16:02 -

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

nowheremany
Эксперт

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
Юзер

shmel1985 - 14 марта 2013 16:44 -

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

shmel1985
Юзер

shmel1985 - 14 марта 2013 20:26 -

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

nowheremany
Эксперт

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
Юзер

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
Юзер

shmel1985 - 14 марта 2013 23:02 -

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

shmel1985
Юзер

shmel1985 - 14 марта 2013 23:10 -

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

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

nowheremany
Эксперт

nowheremany - 15 марта 2013 09:34 -

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

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

shmel1985
Юзер

shmel1985 - 14 марта 2013 23:18 -


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

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

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

наверх