Главная » 2009 » Ноябрь » 13 » меню с подсказками (Javascript)
13.11.2009, 16:44

меню с подсказками



Если выбрать пункт такго меню, то внизу, в специальной форме, будет показанна подсказка к этому пункту. Для перехода к нужному пункту, необходимо будет нажать кнопку "Перейти".

Это в head:

Quote
<SCRIPT LANGUAGE="JavaScript">
<!-- Begin
function linkDisplay(selection) {
if (selection=="1") {
document.form.info.value="Бесплатные php скрипты, javascript, скрипты для ucoz";
document.form.go.value="http://webscripts.ucoz.ru";
}
else if(selection=="2") {
document.form.info.value="Find out what's new since you last visited! Stay up to date with us!";
document.form.go.value="http://адрес";
}
else if(selection=="3") {
document.form.info.value="Subscribe to JavaScript Source's Newsletter to know when we add new scripts!";
document.form.go.value="http://адрес";
}
else if(selection=="4") {
document.form.info.value="Post your question or problem here so other fellow JavaScripters can help you!";
document.form.go.value="http://адрес";
}
else if(selection=="5") {
document.form.info.value="Don't have time to cut & paste?\nTry our Email-a-Script feature!";
document.form.go.value="http://адрес";
}
else if(selection=="6") {
document.form.info.value="Not sure where that particular JavaScript is? Search our web site!";
document.form.go.value="http://адрес";
}
else {
document.form.info.value = "For more information, please email us.";
document.form.go.value="http://адрес";
}
}
function moreInfo() {
var page=document.form.go.value;
window.location=page;
}
// End -->
</script>

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

Это в body:

Quote
<center>
<form name=form>
<table border=0 width=400>
<tr>
<td align=center><a href="javascript:linkDisplay(1);">Главная</a><br></td>
<td align=center><a href="javascript:linkDisplay(2);">Бесплатные php скрипты</a><br></td>
<td align=center><a href="javascript:linkDisplay(3);">Javascript</a><br></td>
</tr>
<tr>
<td align=center><a href="javascript:linkDisplay(4);">Скрипты для ucoz</a><br></td>
<td align=center><a href="javascript:linkDisplay(5);">Полезное</a><br></td>
<td align=center><a href="javascript:linkDisplay(6);">Форум</a><br></td>
</tr>
<tr>
<td colspan=3 align=center>
<textarea name=info rows=2 cols=40 wrap=virtual>Тут текст, который будет появлятся после загрузки страницы</textarea><br>
<input type=button name=button value="Перейти" onClick="moreInfo()">
<input type=hidden name=go value="">
</td></tr>
</table>
</form>
</center>

Розовым выделенны названия ссылок (заменяем на свое).

Материал взят с сайта infoscript.ru
Внимание! Копирование данного материала запрещено без указания ссылки на сайт Infoscript.ru
Источник/Автор: Неизвестен
Категория: JavaScript's | Просмотров: 2334 | Добавил: antisept | Рейтинг: 3.0/1 |
Теги: подсказками, меню
Пока комментариев нет. Ты можешь быть первым!
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]