Javascript-форум (https://javascript.ru/forum/)
-   Общие вопросы Javascript (https://javascript.ru/forum/misc/)
-   -   Изменение текста в input value (https://javascript.ru/forum/misc/45927-izmenenie-teksta-v-input-value.html)

zoOmer 21.03.2014 06:10

Изменение текста в input value
 
Доброго времени суток Ув.Знатоки нуждаюсь в вашей помощи!
Подскажите пожалуйста как сделать в этом куске скрипта замену текста при нажатии на импут а именно когда жму на инпут открывается "Пред просмотр" (в value="Предпросмотр") нужно чтоб вместо надписи Предпросмотр было Закрыть Предпросмотр.

Вот кусок скрипта:

var smiles_value = "";
function view_mess()
{
  var mess = document.form.message;
  var mess_value = document.form.message.value;
  mess_value=filter(mess_value,message_img_max);
  mess_value=mess_value.replace(/\r?\n/g, '<br />');
  var obj=document.getElementById("smiles");
  if (mess.style.display != "none") {smiles_value=obj.innerHTML;mess.style.display = "none";obj.align="";obj.style.padding='10px';obj.style.border='#7897BB solid 1px';obj.innerHTML=mess_value;}
  else {obj.style.padding='';obj.style.border='';obj.align="center";obj.innerHTML=smiles_value;mess.style.display = "block";};
}


А вот инпут;

<input title='Просмотр набранного сообщения' class=ok type=button value='Предпросмотр'  onclick='view_mess();' >


Заранее огромное спасибо!

jsnb 21.03.2014 06:48

Что за функция filter? Что за document.form.message? Что за message_img_max? Что за элемент с id "smiles"?
В общем, из этого куска нифига непонятно. Либо приводите код полностью, либо давайте все связанные с ним данные.

ksa 21.03.2014 08:28

Цитата:

Сообщение от zoOmer
когда жму на инпут открывается "Пред просмотр" (в value="Предпросмотр") нужно чтоб вместо надписи Предпросмотр было Закрыть Предпросмотр

Как вариант...

<script type='text/javascript'>
function view_mess(Obj) {
	Obj.value=(Obj.value=='Предпросмотр')? 'Закрыть предпросмотр': 'Предпросмотр';
	// далее твой код
}
</script>
<input title='Просмотр набранного сообщения' class='ok' type='button' value='Предпросмотр'  onclick='view_mess(this);' />

zoOmer 21.03.2014 10:29

ksa, Класс то что надо) спасибо большое)) Всегда выручаешь) Извиняюсь за наглость но вот еще один вопрос касаемо твоего варианта!

Можно сделать чтоб класс (стиля кнопки) тоже менялся?

К примеру:
У "Пред просмотр" (зеленый стиль т.е. .k1)
А, у Закрыть предпросмтр (желтый стиль .k2)

Возможно такое реализовать?

ksa 21.03.2014 11:35

Цитата:

Сообщение от zoOmer
Можно сделать чтоб класс (стиля кнопки) тоже менялся?

Так же и делай...

<!DOCTYPE html>
<html>
<head>
<!--
<script src='http://code.jquery.com/jquery-latest.js'></script>
<link rel='stylesheet type=text/css href=tmp.css' />
-->
<style type='text/css'>
.k1 {
	background-color: green;
}
.k2 {
	background-color: yellow;
}
</style>
<script type='text/javascript'>
function view_mess(Obj) {
	Obj.value=(Obj.value=='Предпросмотр')? 'Закрыть предпросмотр': 'Предпросмотр';
	Obj.className=(Obj.className=='k1')? 'k2': 'k1';
	// далее твой код
}
</script>
</head>
<body>
<input title='Просмотр набранного сообщения' class='k1' type='button' value='Предпросмотр'  onclick='view_mess(this);' />
</body>
</html>

zoOmer 21.03.2014 14:04

ksa,
Спасибо большое за помощь и отзывчивость!!!
А можно как нить сделать еще чтоб див с идом ставал с display none по нажатию на Предпросмотр и когда на Закрыть обратно display block ???

ksa 21.03.2014 14:53

zoOmer, все так же и делай...

zoOmer 21.03.2014 15:18

Да я не пойму как для ида подставить((

Obj.document.getElementById("idtest");


а дальше ума не хватает(((

ksa 21.03.2014 15:22

Цитата:

Сообщение от zoOmer
я не пойму как для ида подставить((
Obj.document.getElementById("idtest");

Нужно писать

document.getElementById("idtest");

zoOmer 21.03.2014 16:48

ksa,
Так я так пробовал скрывать то скрывает а назад по Нажатию Закрыть Предпросмотр как сделать чтоб див вернулся?

делал так:
document.getElementById("idtest").style.display = "none";


Часовой пояс GMT +3, время: 09:37.