Смена цвета предложения на странице пользователем - JavaScript, Ajax

ser70 · 25.05.2010, 12:49

Есть первоначальный скрипт
<html>
<head>
<title></title>
<script language="JavaScript">
function x()
{
head1=document.form1.color1.selecte dIndex;
head2=document.form1.color1.options[head1].value;
document.getElementById("p1").style .color=head2;
}
function x1()
{
var node=document.form1.text1.value;
var node2=document.createTextNode(" "+node)
document.getElementById("p1").appen dChild(node2)
}
</script>
</head>
<body>
<p id="p1" style="position:absolute"></p>
<form name="form1">
<b style="position:absolute;top:100">Ц вет текста</b><select name="color1" onChange="x()" style="position:absolute;top:100;le ft:150">
<option value="black">Черный</option>
<option value="red">Красный</option>
<option value="yellow">Желтый</option>
<option value="grey">Серый</option>
<option value="green">Зелёный</option>
</select>
<textarea name="text1" style="position:absolute;top:100;le ft:300">
</textarea>
<input type="button" value="Добавить" onClick="x1()" style="position:absolute;top:120;;l eft:150">
</form>
</body>
</html>
Этот сценарий меняет полностью цвет введённого предложения пользователем в страницу. Но как сделать так чтобы пользователь сменил ту часть предложения какую ему захочется.
Заранее спасибо.

spein · 25.05.2010, 14:42

Форматируйте код.

----
Отвечаю на вопрос - ищи по пути selectionstart, selectionend

ser70 · 25.05.2010, 17:47

А по подробней можно (:

vasek123 · 25.05.2010, 19:45

Цитата:

head1=document.form1.color1.selectedIndex;

У вас здесь ошибка.

ser70 · 25.05.2010, 19:55

У меня ошибок нет!
Но почему то когда я отправил сообщение появились эти пробелы
1.selecte dIndex
2.style .color
3.appen dChild
4.le ft
5.le ft
6.l eft
Если их убрать то сценарий заработает.

vasek123 · 25.05.2010, 21:59

Цитата:

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

У меня ошибок нет!

Хм... Странно, сейчас немного отформатировал текст- все работает:

Код HTML:

<html>
<head>
<title></title>
<script language="JavaScript">
	function x()
	{
		var head1= document.form1.color1.selectedIndex;
		var head2= document.form1.color1.options[head1].value;
		document.getElementById("p1").style.color= head2;
	}
	function x1()
	{
		var node= document.form1.text1.value;
		var node2= document.createTextNode(" "+ node);
		document.getElementById("p1").appendChild(node2);
	}
</script>
</head>
<body>
<p id= "p1" style= "position:absolute"></p>
<form name="form1">
	<b style= "position:absolute; top:100">Цвет текста</b>
	<select name= "color1" 	onChange= "x();" style= "position:absolute; top:100; left:150">
		<option value= "black">Черный</option>
		<option value= "red">Красный</option>
		<option value= "yellow">Желтый</option>
		<option value= "gray">Серый</option>
		<option value= "green">Зелёный</option>
	</select>
	<textarea name= "text1" style= "position:absolute; top:100; left:300">
	</textarea>
	<input type= "button" value= "Добавить" onClick= "x1();" style=		
	"position:absolute; top:120; left:150">
</form>
</body>
</html>

p.s. Кстати, у вас в некоторых строчках не стоит точки с запятой? да и значение поля "серый" неверно заданно(удивительно, что код еще работал)- а вы говорите, нет ошибок. Что касается части предложения- что именно имеете вы ввиду?

p.s.s. Полностью согласен с Wicort.

ser70 · 26.05.2010, 11:02

Во-первых точки с запятой не обязательны и во-вторых почему значение поля "серый" неверно заданно???

А что касается части предложения я имел ввиду, то что пользователь сам должен выбирать какую часть введённого предложения ему нужно перекрасить. Пример: Я хочу перекрасить вот эту часть предложения!!!

Wicort · 26.05.2010, 11:14

Цитата:

Во-первых точки с запятой не обязательны

здрасьте, приехали...

Цитата:

во-вторых почему значение поля "серый" неверно заданно???

потому что gray, а не grey

и в-третьих, каким образом пользователь будет выбирать? Если выделять мышью, то, насколько я помню, в разных браузерах это делается по-разному. В ИЕ 4+ есть объект selection, через него раборается.

25.05.2010, 12:49	#1
ser70 Форумчанин Регистрация: 02.10.2009 Сообщений: 255	Смена цвета предложения на странице пользователем Есть первоначальный скрипт <html> <head> <title></title> <script language="JavaScript"> function x() { head1=document.form1.color1.selecte dIndex; head2=document.form1.color1.options[head1].value; document.getElementById("p1").style .color=head2; } function x1() { var node=document.form1.text1.value; var node2=document.createTextNode(" "+node) document.getElementById("p1").appen dChild(node2) } </script> </head> <body> <p id="p1" style="position:absolute"></p> <form name="form1"> <b style="position:absolute;top:100">Ц вет текста</b><select name="color1" onChange="x()" style="position:absolute;top:100;le ft:150"> <option value="black">Черный</option> <option value="red">Красный</option> <option value="yellow">Желтый</option> <option value="grey">Серый</option> <option value="green">Зелёный</option> </select> <textarea name="text1" style="position:absolute;top:100;le ft:300"> </textarea> <input type="button" value="Добавить" onClick="x1()" style="position:absolute;top:120;;l eft:150"> </form> </body> </html> Этот сценарий меняет полностью цвет введённого предложения пользователем в страницу. Но как сделать так чтобы пользователь сменил ту часть предложения какую ему захочется. Заранее спасибо. "Реальность воображаема, а воображаемое - реально" В. Соло

25.05.2010, 14:42	#2
spein Программист Форумчанин Регистрация: 27.02.2009 Сообщений: 505	Форматируйте код. ---- Отвечаю на вопрос - ищи по пути selectionstart, selectionend there are no limits when you're software engineer

25.05.2010, 17:47	#3
ser70 Форумчанин Регистрация: 02.10.2009 Сообщений: 255	А по подробней можно (: "Реальность воображаема, а воображаемое - реально" В. Соло

25.05.2010, 19:55	#5
ser70 Форумчанин Регистрация: 02.10.2009 Сообщений: 255	У меня ошибок нет! Но почему то когда я отправил сообщение появились эти пробелы 1.selecte dIndex 2.style .color 3.appen dChild 4.le ft 5.le ft 6.l eft Если их убрать то сценарий заработает. "Реальность воображаема, а воображаемое - реально" В. Соло

26.05.2010, 11:02	#7
ser70 Форумчанин Регистрация: 02.10.2009 Сообщений: 255	Во-первых точки с запятой не обязательны и во-вторых почему значение поля "серый" неверно заданно??? А что касается части предложения я имел ввиду, то что пользователь сам должен выбирать какую часть введённого предложения ему нужно перекрасить. Пример: Я хочу перекрасить вот эту часть предложения!!! "Реальность воображаема, а воображаемое - реально" В. Соло

Похожие темы
Тема	Автор	Раздел	Ответов	Последнее сообщение
Смена цвета формы	Rin	Общие вопросы Delphi	2	07.12.2009 23:15
Смена цвета.	Stranger333	Общие вопросы Delphi	6	07.10.2009 21:14
Смена цвета в ListCtrl	assasin	Общие вопросы C/C++	0	22.08.2009 01:13
смена цвета строки dbgrid - ?	Evgenii	БД в Delphi	3	04.07.2009 07:57
смена цвета ячейки если...	zetrix	Microsoft Office Excel	0	30.10.2006 19:06