| |
|
|
| | Всем привет!
Есть код на JS который позволяет менять цвет, шрифт и ещё всякое. Но делается через chevkbox,
но я хочу сделать выподающий список шрифтов, но не получается сделать ставится шрифт который по умолчанию в функции. Как сделать чтоб можно было любой подставить шрифт помогите народ плиз...
Вот код
<html>
<head>
<title>
События в JavaScript
</title>
<script type="text/JavaScript">
function setupControls()
{
txtSample.value = sample.innerText;
}
function switchBold()
{
if(chkBold.checked)
{
sample.style.fontWeight = 'bold';
}
else
{
sample.style.fontWeight = 'normal';
}
}
function switchItalic()
{
if(chkItalic.checked)
sample.style.fontStyle = 'italic'
else
sample.style.fontStyle = 'normal';
}
function switchUnder() {
if(chkUnder.checked)
sample.style.textDecoration = 'underline'
else
sample.style.textDecoration = 'none';
}
function switchColor()
{
if(chkColorRed.checked)
sample.style.color = 'red'
else
sample.style.color = 'blue';
}
function switchFamily()
{
if(family.checked)
{
sample.style.fontFamily = 'Times New Roman'
sample.style.fontSize = '10pt'
} else {
sample.style.fontFamily = 'Verdana';
sample.style.fontSize = '8pt';
}
}
function sfamily()
{
switch(family_2.value)
{
case 1:
sample.style.fontFamily = 'Times New Roman';
break;
case 2:
sample.style.fontFamily = 'Verdana';
break;
case 3:
sample.style.fontFamily = 'Arial';
break;
default:
sample.style.fontFamily = 'Courier';
}
}
function setText()
{
sample.innerText = txtSample.value;
}
</script>
<style>
#sample (font-weight:normal; font-style:normal; text-decoration:none;}
</style>
</head>
<body onload="setupControls();">
<table>
<tr>
<td valign="top" bgcolor="#FFFFE0" WIDTH="150">
<select name="family_2" id="family_2" onChange="sfamily();">
<option value="1">Times New Roman</option>
<option value="2">Verdana</option>
<option value="3">Arial</option>
<option value="4">Courier</option>
</select>
<label for="family">Шрифт</label>
</td>
</tr>
<tr>
<td valign="top" bgcolor="#FFFFE0" WIDTH="150">
<input type="checkbox" id="family" name="family" onclick="switchFamily();">
<label for="family">Шрифт</label>
</td>
</tr>
<tr>
<td valign="top" bgcolor="#FFFFE0" WIDTH="150">
<input type="checkbox" id="chkColorRed" name="chkColorRed" onclick="switchColor();">
<label for="chkColorRed">Красный</label>
</td>
</tr>
<tr>
<td valign="top" bgcolor="#FFFFE0" WIDTH="150">
<input type="checkbox" id="chkBold" name="chkBold" onclick="switchBold();">
<label for="chkBold">Полужирный</label>
</td>
<td width="10" rowspan="4">
</td>
<td bgcolor="#FFFFE0" WIDTH="*" ROWSPAN="4">
<p id="sample">Здесь вы можете видеть результат щелчков по флажкам.</p>
</td>
</tr>
<td valign="top" bgcolor="#FFFFE0" WIDTH="150">
<input type="checkbox" id="chkItalic" name="chkItalic" onclick="switchItalic();">
<label for="chkItalic">Курсив</label>
</td>
</tr>
<td valign="top" bgcolor="#FFFFE0" width="150">
<input type="checkbox" id="chkUnder" name="chkUnder" onclick="switchUnder();">
<label for="chkUnder">Подчеркнутый</label>
</td>
</tr>
<tr>
<td valign="top" bgcolor="#FFFFE0" width="150">
<label for="txtSample">Ввод текста</label>
<input type="text" id="txtSample" name="txtSample">
<input type="button" name="cmdSet" onClick="setText();" value="изменить">
</td>
</tr>
</table>
</body>
</html>
|
| |
| |
|
|
| |
|
|
| |
для: spyder
(30.08.2006 в 14:10)
| | | Там, когда заменяете на select, меняется способ доступа к свойству. В приведённом скрипте - family.checked , к примеру, а при селекте пользуйтесь доступом к свойствам, как описано в | |
| |
|
|
| |
|
|
| |
для: 12345
(30.08.2006 в 14:59)
| | | не понял что использовать в данном случаи из приведенной выше ссылки.
Может вы так скажите плиз!!! | |
| |
|
|
| |
|
|
| |
для: Spyder
(30.08.2006 в 15:14)
| | | "Так" - это перерабатывать весь Ваш скрипт. Нет энтузиазма, sorry. | |
| |
|
|
| |
|
|
| |
для: 12345
(30.08.2006 в 16:03)
| | | перерабатывать за меня не нужно. У меня же не получается только взять значение из option. Напишите плизз! я не думаю что это более 1 строки. Хотябы напишите что нужно использовать вместо checked. | |
| |
|
|
| |
|
|
| |
для: Spyder
(30.08.2006 в 16:11)
| | | Это не это случайно строка в документе по Вашей ссылке.
document.getElementById("elementID")
|
| |
| |
|
|
| |
|
|
| |
для: Spyder
(30.08.2006 в 16:15)
| | |
<select id=s1 onchange=e=document.getElementById("s1");alert(e.options[e.selectedIndex].value)>
<option value='=1=Times New Roman'>Times New Roman</option>
<option value='=2=Verdana'>Verdana</option>
<option value='=3=Arial'>Arial</option>
<option value='=4=Courier'>Courier</option>
</select> - показать значение выбранной строки;<br>
<span onclick=e=document.getElementById("s1");alert(e.options[2].value)>Читать <b>значение</b> 3-й строки</span>
|
| |
| |
|
|
| |
|
|
| |
для: 12345
(30.08.2006 в 17:12)
| | | большое спасибо!
Все получилось. | |
| |
|
|
