В таблицах приведен код для самого Генератора Кода.

Содержимое этой таблицы поместите между <HEAD> и </HEAD>

<SCRIPT LANGUAGE="JavaScript">




\r\n\r\n'
+ '\r\n'
+ '\r\n\r\n'

if (document.jump.go[0].checked) {
txt += "<form name=\"jump\">\n<select name=\"menu\" onChange=\"location=document.jump.menu.options[document.jump.menu.selectedIndex].value;\" value=\"GO\">\n";
}
if (document.jump.go[1].checked) {
txt += "<form name=\"jump\">\n<select name=\"menu\">\n";
var Button = "<input type=\"button\" onClick=\"location=document.jump.menu.options[document.jump.menu.selectedIndex].value;\" value=\"ПЕРЕЙТИ\">\n";
}
if (document.jump.go[2].checked) {
txt += "<form name=\"jump\">\n<script>\nfunct" +
"ion jumpMenu(){\nlocation=document.jump.menu.options[document.jump.menu.selectedIndex].value;\n}\n" +
"</sc" + "ript>\n<select name=\"menu\">\n";
var Button = "<a href=\"Javascript:jumpMenu()\">"+
"<IMG SRC=\""+document.jump.image.value+"\" border=0></a>\n";
}
for (jig = 5; jig <= 24; jig = jig + 2) {
if (form[jig].value)
{
txt += "<option";
if (form[jig+1].value)
{
txt += " value=\""+form[jig+1].value+"\"";
}
else
{
txt += " value=\"#\"";
}
txt += ">"+form[jig].value+"</option>\n";
}

}

if (document.jump.go[0].checked) {
txt += "</select>\n</form>\n";
}
if (document.jump.go[1].checked) {
txt += "</select>\n"+Button+"</form>\n";
}
if (document.jump.go[2].checked) {
txt += "</select>\n"+Button+"</form>\n";
}
document.mail.source.value=txt;

}

function View(text) {
msg=open("","DisplayWindow","menubar=1,width=300,height=100");
msg.document.write(text);
}
// End -->
</SCRIPT>

Содержимое этой таблицы поместите между <BODY> и </BODY>

<center>
<form name="jump">
<table border="0"><tr><td width=332>
<table border="1" width="353"><tr>
<td align="center" colspan=2 width="343" bgcolor="#808080">
<font size="+2" color="#FFFFFF">Генератор выпадающего
меню</font>
</td></tr>
<font size="3" color="#000000">
<tr>
<td colspan=2 height=5 width="343" bgcolor="#808080"></td>
</tr>
</font>
<tr align="center">
<td colspan=2 align=center width="343" bgcolor="#808080">
<b>
<font size="3" color="#FFFFFF">
Использование кнопки ПЕРЕЙТИ:</font></b></td>
</tr>
<tr>
<td colspan=2 align=left width="343" bgcolor="#808080">
<font color="#FFFFFF">
<input type="radio" name="go" checked>Загружать выбранную
страницу сразу<br>
<input type="radio" name="go">Использовать кнопку <input type="button" value="Перейти"><br>
<input type="radio" name="go">Рисунок для кнопки (url=)
<input type="text" name="image" value="http://" size="17" style="background-color: #DEDFDF; border-style: solid; border-width: 1">
</font>
</td>
</tr>
<tr align="center">
<td colspan=2 height=5 width="343" bgcolor="#808080"></td>
</tr>
<tr align="center">
<td colspan=2 align=center width="343" bgcolor="#808080">
<b><font color="#FFFFFF">Вводные данные для выпадающего меню:</font></b></td>
</tr>
<tr align="center">
<td width=156 bgcolor="#808080">
<strong><font color="#FFFFFF">Текст</font></strong></td>
<td width=181 bgcolor="#808080">
<strong><font color="#FFFFFF">URL</font></strong></td>
</tr>
<tr align="center">
<td bgcolor="#808080" width="156">
<input type="text" name="text1" size="20" style="background-color: #DEDFDF; border-style: solid; border-width: 1"></td>
<td bgcolor="#808080" width="181">
<input type="text" name="url1" size="20" value="http://" style="background-color: #DEDFDF; border-style: solid; border-width: 1"></td>
</tr>
<tr align="center">
<td bgcolor="#808080" width="156">
<input type="text" name="text2" size="20" style="background-color: #DEDFDF; border-style: solid; border-width: 1"></td>
<td bgcolor="#808080" width="181">
<input type="text" name="url2" size="20" value="http://" style="background-color: #DEDFDF; border-style: solid; border-width: 1"></td>
</tr>
<tr align="center">
<td bgcolor="#808080" width="156">
<input type="text" name="text3" size="20"style="background-color: #DEDFDF; border-style: solid; border-width: 1"></td>
<td bgcolor="#808080" width="181">
<input type="text" name="url3" size="20" value="http://" style="background-color: #DEDFDF; border-style: solid; border-width: 1"></td>
</tr>
<tr align="center">
<td bgcolor="#808080" width="156">
<input type="text" name="text4" size="20" style="background-color: #DEDFDF; border-style: solid; border-width: 1"></td>
<td bgcolor="#808080" width="181">
<input type="text" name="url4" size="20" style="background-color: #DEDFDF; border-style: solid; border-width: 1"></td>
</tr>
<tr align="center">
<td bgcolor="#808080" width="156">
<input type="text" name="text5" size="20" style="background-color: #DEDFDF; border-style: solid; border-width: 1"></td>
<td bgcolor="#808080" width="181">
<input type="text" name="url5" size="20" style="background-color: #DEDFDF; border-style: solid; border-width: 1"></td>
</tr>
<tr align="center">
<td bgcolor="#808080" width="156">
<input type="text" name="text6" size="20" style="background-color: #DEDFDF; border-style: solid; border-width: 1"></td>
<td bgcolor="#808080" width="181">
<input type="text" name="url6" size="20" style="background-color: #DEDFDF; border-style: solid; border-width: 1"></td>
</tr>
<tr align="center">
<td bgcolor="#808080" width="156">
<input type="text" name="text7" size="20" style="background-color: #DEDFDF; border-style: solid; border-width: 1"></td>
<td bgcolor="#808080" width="181">
<input type="text" name="url7" size="20" style="background-color: #DEDFDF; border-style: solid; border-width: 1"></td>
</tr>
<tr align="center">
<td bgcolor="#808080" width="156">
<input type="text" name="text8" size="20" style="background-color: #DEDFDF; border-style: solid; border-width: 1"></td>
<td bgcolor="#808080" width="181">
<input type="text" name="url8" size="20" style="background-color: #DEDFDF; border-style: solid; border-width: 1"></td>
</tr>
<tr align="center">
<td bgcolor="#808080" width="156">
<input type="text" name="text9" size="20" style="background-color: #DEDFDF; border-style: solid; border-width: 1"></td>
<td bgcolor="#808080" width="181">
<input type="text" name="url9" size="20" style="background-color: #DEDFDF; border-style: solid; border-width: 1"></td>
</tr>
<tr align="center">
<td bgcolor="#808080" width="156">
<input type="text" name="text10" size="20" style="background-color: #DEDFDF; border-style: solid; border-width: 1"></td>
<td bgcolor="#808080" width="181">
<input type="text" name="url10" size="20" style="background-color: #DEDFDF; border-style: solid; border-width: 1"></td>
</tr>
<tr>
<td colspan="2" align="center" height=33 width="343" bgcolor="#808080">
<input type="button" class="button" value="Сгенерировать код" onClick="generate(this.form)">
<input type="reset" class="button" value="Сброс">
</td>
</tr>
</table>
</td>
</tr>
</table>
<br><br>
<b>
КОД  ДЛЯ  ВАШЕГО  МЕНЮ:</b>
</form>
</center>

<p>
<center>
<form name="mail">
<table bgcolor="#DEDFDF" border="2" cellpadding="4" width=360>
<tr><td align=center>
<input type="button" class="button" value="Показать получившееся меню!" name="DOC" onClick="View(this.form.source.value);">
<p>
<DIV align="left">
   
<input type=button value="Выделить все" onClick="javascript:this.form.source.focus();this.form.source.select();">    
</DIV>
<textarea name="source" rows=15 cols=35 style="background-color: #14BAD8"></textarea><br>
</td></tr>
</table>
</form>
</center>

Note. Для выделения используйте Ctrl+Click, для копирования Ctrl+C или меню после клика правой кнопкой мыши. Скопированные скрипты сначала поместите в любой текстовый редактор, например, в Блокнот, и только затем, скопировав вновь, вставляйте в код страницы.

Категория: JavaScript в примерах | Добавил: snimu (07.03.2013)

Просмотров: 453 | Рейтинг: 0.0/0

При копировании статьи рабочая ссылка на Sk2-Статьи, Словари, Энциклопедии. желательно.

Некоторые материалы, размещенные на сайте, получены из открытых источников и используются в некоммерческих целях. В случае неосознаного нарушения авторских прав, материалы будут убраны, после получения соответсвующей просьбы от авторов или издателей.

Обратная связь.

Всего комментариев: 0

Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]

Генон - удобный поиск ответов на вопросы