Javascript-форум (https://javascript.ru/forum/)
-   Общие вопросы Javascript (https://javascript.ru/forum/misc/)
-   -   Изменение стиля текста по клику (https://javascript.ru/forum/misc/9183-izmenenie-stilya-teksta-po-kliku.html)

spwn2007 04.05.2010 01:34

Изменение стиля текста по клику
 
Всем привет!!! Вот такая проблема:

<html>
<head>

Здесь вы можете видеть результат щелчков по флажкам

<script type="text/javascript">


function checkBox()
{
	if (document.form_1.cb_1.checked)
	{
document.write("<b>Здесь вы можете видеть результат щелчков по флажкам</b>")
	}
}

function checkBox1()
{
	if (document.form_1.cb_2.checked)
	{
document.write("<i>Здесь вы можете видеть результат щелчков по флажкам</i>")
	}
}

function checkBox2()
{
	if (document.form_1.cb_3.checked)
	{
document.write("<u>Здесь вы можете видеть результат щелчков по флажкам</u>")		
	}
}


</script>
</head>
<body>
<form name="form_1">

 <input type="checkbox" name="cb_1" value="" onclick="checkBox();" /> Полужирный <br />
 <input type="checkbox" name="cb_2" value="" onclick="checkBox1();" /> Курсив <br />
 <input type="checkbox" name="cb_3" value="" onclick="checkBox2();" /> Подчеркнутый <br />
 


 
</form>

</body>
</html>


Что то типо того)) Кароче типо вот так

checkbox1 Полужирный
checkbox2 Курсив
checkbox3 Подчеркнутый

Ставлю галочку напротив любого из них, и текст (отобьраженный на экране) изменяется соответственно. Как это сделать помогите!!!!

Skipp 04.05.2010 09:16

document.write() не работает после того как браузер вывел страницу, только в потоке, используй innerHTML.
А для изменения используй стили.
document.getElementById('идентификато ').style.стиль = значение;


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