Форум

zoOmer · #1 (**permalink**) 21.03.2014, 06:10

Доброго времени суток Ув.Знатоки нуждаюсь в вашей помощи!
Подскажите пожалуйста как сделать в этом куске скрипта замену текста при нажатии на импут а именно когда жму на инпут открывается "Пред просмотр" (в 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 · #2 (**permalink**) 21.03.2014, 06:48

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

ksa · #3 (**permalink**) 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 · #4 (**permalink**) 21.03.2014, 10:29

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

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

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

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

ksa · #5 (**permalink**) 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 · #6 (**permalink**) 21.03.2014, 14:04

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

ksa · #7 (**permalink**) 21.03.2014, 14:53

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

zoOmer · #8 (**permalink**) 21.03.2014, 15:18

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

Obj.document.getElementById("idtest");

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

ksa · #9 (**permalink**) 21.03.2014, 15:22

Сообщение от zoOmer

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

Obj.document.getElementById("idtest");

Нужно писать

document.getElementById("idtest");

zoOmer · #10 (**permalink**) 21.03.2014, 16:48

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

делал так:

document.getElementById("idtest").style.display = "none";

Форум

Справочник

Discord чат

Курсы javascript