Javascript-форум - Показать сообщение отдельно

Maya · #7 (**permalink**) 22.03.2009, 21:05

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
    <title>Untitled Page</title>
     <style type="text/css">
fieldset {background-color:beige;}
    fieldset {color:black;}
    </style>
     <script type="text/javascript">
    <!--
    function forma()
{
document.forma1.tzvet[0].checked=true;
document.forma1.cou.disabled=true;
document.forma1.co.disabled=false;
}
 
 function forma2()
{
document.forma1.tzvet[1].checked=true;
document.forma1.cou.disabled=false;
document.forma1.co.disabled=true;
}


   //-->
</script>

</head>
<body onload="forma()" style="width:300px;height:300px" id=b >
lfhkael/hidnflb/difh/lgndf /blierah/glireguy'ae/fbvlie/ht/gi hre u'areti y'tgiery' qorey?T
<form name="forma1">
<fieldset style="">
<legend>Фон</legend>
<p >

<input type="radio" name="tzvet" value="1" onclick="forma()"/>        
Цвет<select name="co" onchange="document.getElementById('b').style.backgroundColor=this.value;document.getElementById('b').style.backgroundImage='none';">
		<option value="white"> Белый </option>	
		<option value="red"> Красный </option>
		<option value="orange"> Оранжевый </option>
		<option value="yellow"> Желтый </option>
		<option value="green"> Зелёный </option>
		<option value="blue"> Голубой </option>
    	<option value="magenta"> Фиолетовый </option>
		</select>
</p>

<p>

<input type="radio" name="tzvet" value="2" onclick="forma2()" />        
Картинка:<select name="cou" onchange="document.getElementById('b').style.backgroundImage='url('+this.value+')';">
		<option value="1.gif"> Смайл 1 </option>	
		<option value="2.gif"> Смайл 2 </option>	
		<option value="3.gif"> Смайл 3 </option>	
		<option value="4.gif"> Смайл 4 </option>	
		<option value="5.gif"> Смайл 5 </option>	
		<option value="6.gif"> Смайл 6 </option>	
		<option value="7.gif"> Смайл 7 </option>	
		</select>
</p>

</fieldset>



<fieldset style="">
<legend>Текст</legend>
<p>
Цвет:<select name="country2" onchange="document.getElementById('b').style.color=this.value;document.getElementById('b').style.backgroundImage='none';">
		<option value="white"> Белый </option>	
		<option value="red"> Красный </option>
		<option value="orange"> Оранжевый </option>
		<option value="yellow"> Желтый </option>
		<option value="green"> Зелёный </option>
		<option value="blue"> Голубой </option>
    	<option value="magenta"> Фиолетовый </option>
		</select></br></br>


Размер:<select name="status" >
		<option value="8pt"> 8pt </option>
		<option value="12pt"> 12pt </option>	
		<option value="16pt"> 16pt </option>
		<option value="20pt"> 20pt </option>
		<option value="24pt"> 24pt </option>
		<option value="28pt"> 28pt </option>
		</select></br></br>


Шрифт:<select name="status" >
		<option value="Arial"> Arial </option>
		<option value="Tahoma"> Tahoma </option>	
		<option value="Impact"> Impact </option>
		<option value="Vernada"> Verdana </option>
		</select></br></br>


<input type="checkbox" name="kyrsiv" value="itallic" /> курсив </br></br>
<input type="checkbox" name="jirnii" value="bold"  /> жирный

</fieldset>

<p align="center">
<input type="button" name="but1" value="Ok" style=""/>
</p>

</form>
</body>
</html>

вот весь код, запустите его через блокнот или нотпад(или ещё как-нибудь)! так, мне надо чтобы верхний текст, менял стиль и размер(цвет я уже поменяла)