Помогни ни да направим Uroci.net по - богат! Добави урок
Категории Други уроци Adobe Photoshop Adobe Illustrator Adobe Flash Adobe Fireworks DreamWeaver CSS и HTML
Corel Draw Image Ready PHP SEO CMS Microsoft Windows Microsoft Word Microsoft Excel PowerPoint Microsoft Access Microsoft Publisher Linux Visual basic JavaScript Ajax 3ds Max Maya 3D C++ Sound Forge Gimp SWiSH

Падащо поле с линкове

fix3d   трудност:    видян: 11679


Първо копирайте зеленият текст по-долу и го поставете м/у таговете <head></head>.

<head>
<script LANGUAGE="JavaScript">
<!-- Begin
function formHandler(form){
var URL = document.form.site.options[document.form.site.selectedIndex].value;
window.location.href = URL;
}
// End -->
</script>

</head>

След това копирайте и долния код като сините текстове замените с вашите адреси и линкове. Този код може да сложите където искате в html страницата, стига да се намира в/у таговете <body></body>.

<form name="form">
<div align="left"><p><select name="site" size="1"
style="font-family: Verdana; font-size: 10pt; margin-bottom: 0px">
<option value="
http://www.yourlink.com">Your Text</option>
<option
value="
http://www.yourlink.com">Your Text</option>
<option
value="
http://www.yourlink.com">Your Text</option>
<option
value="
http://www.yourlink.com">Your Text</option>
<option
value="
http://www.yourlink.com">Your Text</option>
</select>  <input type="button" value="Go!" onClick="javascript:formHandler(this)"
</div>
</form>

Ето как може да изглеждат линковете ви:




Коментари (10)

Mureni на 03.01 2007 в 22:09ч.
И на мен ми допада този урок! Пробвах го и се получи много добре. :)
milenlitex на 23.01 2007 в 21:39ч.
super!!!
TornadoMan на 23.04 2007 в 11:41ч.
10x точно това ми трябваше... :)
apxeonTepukc на 13.05 2007 в 12:37ч.
В случая тук бутона е интересната идея , иначе може просто да сложиш по един таг за връзка около текста в различните елементи на менюто...
Witch..king на 14.06 2007 в 21:53ч.
Много мерси!!!
Много ми харесва и работи чудесно
dota175 на 21.09 2007 в 16:48ч.
I like it!
:-)
tigerlilly на 11.04 2008 в 22:44ч.
Здравейте! Мерси за полезния урок! Имам едно запитване: Как може да се направи подобно падащо меню като това в този сайт: http://winchester-journals.net/ ?
NikeX на 11.06 2008 в 00:35ч.
А как да направя като му да "го" да утиде към линка
bobimihaylov на 26.09 2008 в 21:39ч.
Здравейте искам да попитам как може да се напреви така че ако "Падащото поле с линкове" е разположено на страница с два фрейма - ляв и десен и то се на мира на левия, как избрания линк да се зарежда в десния фрейм
vladgad на 30.09 2008 в 00:23ч.
@NikeX - копирай и постави това:




между и . Авторо си го е казал, ама трябва се внимава кво се чете и кво не:))

@авторът - имаш един незатворен p таг във формата. Така както си седи гол не виждам ква роля играе, плюс това така незатворен не респектира w3c нормата:))

Регистрирайте се, за да добавите коментар


Калдейта ЕООД - © 2003-2009. Всички права запазени.
Препоръчваме: IT Новини | Кино и игри | Диплома.бг | Paparak.bg | Тунинг Портал | TRAVEL туризъм | Реферати | AmAm.bg | Иде.ли | Курсови работи | AnimeS-bg.com | Фото Форум | Запознанства | Мрежа от приятели | Spodeli.net | Фото-Култ | IDG.BG | Блог - Образование | News24 | Setcom.bg | Atol.bg | Elmaz.com | MobileBulgaria.com | Казанлък.Com