Обрамление текста в input
Здравствуйте.
Имеется классическая форма с полями типа: Код:
<input type="text" name="client_company_full" value="{$vars.client.company_full|escape:"html"}" style="width:100%;" />К примеру. В инпуте - "Вася". По кликe на элемент должно стать <font color=red>Вася</font> Это вообще реально? |
SLASH_id,
обрамить то легко, только вот зачем? Тебе надо, чтобы цвет применился или чо? Просто обрамление вот:
<!DOCTYPE HTML>
<html>
<head><meta charset="windows-1251" /> </head>
<body>
<input></input>
<button>push</button>
<script>
input=document.querySelector("input")
button=document.querySelector("button")
button.onclick=function(){
input.value="<font color='red'>"+input.value+"</font>"
}
</script>
</body>
</html>
|
Во! Класс. То что надо.
Все хитро. Это самописная web-CRM, инпуты вообще не фильтруются. И если потом дергать из базы этого клиента в список, то применятся все теги что я туда вобью. Только .... Хм... Что-то не отрабатывает скрипт. Инпутов на странице много. Как заставить выбрать конкретный? |
Цитата:
<!DOCTYPE HTML>
<html>
<head><meta charset="windows-1251" /> </head>
<body>
<input id="input">
<button>push</button>
<script>
input=document.querySelector("#input")
button=document.querySelector("button")
button.onclick=function(){
input.value="<font color='red'>"+input.value+"</font>"
}
</script>
</body>
</html>
|
Да.
Так должно работать... Но столкнулся с проблемой. Сразу по клику на кнопку, добавляется обрамление, но страница уходит в релоад без сохранения изменений. Такое впечатление что отрабатывает кнопка Сохранить ниже.
<input type="submit" onclick="document.forms['client'].action='{$PHP_SELF}?razd={$razd}&main=clients{if $sec eq 'edit_client'}&part=edit_client&id={$smarty.get.id}{/if}&sec={$sec}&do={$do}';document.forms['client'].submit()" style="width:100%;" value="Сохранить" />
Можно это дело обойти? |
SLASH_id,
Попробуйте дописать
button.onclick=function(){
input.value="<font color='red'>"+input.value+"</font>"
return false
}
Или вынести button из form
|
Благодарю.
То, что нужно! |
SLASH_id,
добавьте в button type="button" чтоб это была простая кнопка а не submit |
| Часовой пояс GMT +3, время: 18:17. |