Programming Forums > Web Development and Design > HTML / XHTML / CSS

ASHORY · Jul 29th, 2006, 4:31 PM

Hi ,

Please How can i make links in a drop down box ,

as an example :

i have the entries "1,2,3"
so i want when i click on 1 it goes to a page and 2 to anther page etc ..

please any one help me

B3TA_SCR1PT3R · Jul 29th, 2006, 5:29 PM

http://www.google.com/search?hl=en&q...=Google+Search

[html]
<form name="numz">
<select name="menu" onChange="location=document.numz.menu.options[document.numz.menu.selectedIndex].value;">
<option value="http://google.com">google</option>
<option value="http://yahoo.com">yahoo</option>
<option value="http://programmingforums.org">pfo</option>
</select>
</form>
[/html]

//edit, didnt really read your post, fixed it to link

ASHORY · Jul 30th, 2006, 7:12 AM

oooh , so the value can be a link to anther site , i didnt know that i thought its a only a value of the variable in the option command

Arevos · Jul 30th, 2006, 7:36 AM

Quote:

Originally Posted by ASHORY

oooh , so the value can be a link to anther site , i didnt know that i thought its a only a value of the variable in the option command

It is only a value. The javascript in the onChange attribute does the magic:

(Toggle Plain Text)

onChange="location=document.numz.menu.options[document.numz.menu.selectedIndex].value;"

ASHORY · Jul 30th, 2006, 2:26 PM

ok so how can i make the same example but with a popup window

Sane · Jul 30th, 2006, 2:34 PM

Change the "location = " to a function call to "popup".

This is an adaptation of DaWei's popup function.

(Toggle Plain Text)

function popup(wURL,w,h,wID)
{
    var specs = "width="+w+",height="+h+",top=10,left=10," +
	        "screenx=10,screeny=10," +
	        "resizable=yes,scrollbars=no,statusbar=no";
    popWin = open(wURL, wID, specs);
    popWin.focus ();
    return popWin;
}

And in that function call, the first paramter will be "document.numz.menu.options[document.numz.menu.selectedIndex].value", the second and third is the width/height of the popup, and the fourth is a unique identifier to make multiple popups in the same/different popup window.

If you're familiar with javascript, it should be quite easy to set up. If you're not, post back and I can give a little more information on how abouts to do it.

But don't give up right away just because I said that . . .

ASHORY · Jul 31st, 2006, 1:45 PM

thanks sane ,

really iam not good in javascript but i think that i got it , any way i'll post here if i needed any other help

Jul 29th, 2006, 4:31 PM	#1
ASHORY Programmer Join Date: Dec 2004 Location: Egypt Posts: 30 Rep Power: 0	DropDown Box . Hi , Please How can i make links in a drop down box , as an example : i have the entries "1,2,3" so i want when i click on 1 it goes to a page and 2 to anther page etc .. please any one help me __________________ "^Ahmed.SHOukRY^" http://www.ashory.741.com

Jul 29th, 2006, 5:29 PM	#2
B3TA_SCR1PT3R Hobbyist Programmer Join Date: Jul 2005 Location: Dallas, Texas Posts: 101 Rep Power: 0	http://www.google.com/search?hl=en&q...=Google+Search [html] <form name="numz"> <select name="menu" onChange="location=document.numz.menu.options[document.numz.menu.selectedIndex].value;"> <option value="http://google.com">google</option> <option value="http://yahoo.com">yahoo</option> <option value="http://programmingforums.org">pfo</option> </select> </form> [/html] //edit, didnt really read your post, fixed it to link __________________ Hoes telling me to calm down but I'm like fuck that shit!

Jul 30th, 2006, 7:12 AM	#3
ASHORY Programmer Join Date: Dec 2004 Location: Egypt Posts: 30 Rep Power: 0	oooh , so the value can be a link to anther site , i didnt know that i thought its a only a value of the variable in the option command __________________ "^Ahmed.SHOukRY^" http://www.ashory.741.com

Jul 30th, 2006, 2:26 PM	#5
ASHORY Programmer Join Date: Dec 2004 Location: Egypt Posts: 30 Rep Power: 0	ok so how can i make the same example but with a popup window __________________ "^Ahmed.SHOukRY^" http://www.ashory.741.com

Jul 30th, 2006, 2:34 PM	#6
Sane Programming Guru Join Date: Apr 2005 Location: Waterloo, Ontario Posts: 1,886 Rep Power: 5	Change the "location = " to a function call to "popup". This is an adaptation of DaWei's popup function. (Toggle Plain Text) function popup(wURL,w,h,wID) { var specs = "width="+w+",height="+h+",top=10,left=10," + "screenx=10,screeny=10," + "resizable=yes,scrollbars=no,statusbar=no"; popWin = open(wURL, wID, specs); popWin.focus (); return popWin; } function popup(wURL,w,h,wID) { var specs = "width="+w+",height="+h+",top=10,left=10," + "screenx=10,screeny=10," + "resizable=yes,scrollbars=no,statusbar=no"; popWin = open(wURL, wID, specs); popWin.focus (); return popWin; } And in that function call, the first paramter will be "document.numz.menu.options[document.numz.menu.selectedIndex].value", the second and third is the width/height of the popup, and the fourth is a unique identifier to make multiple popups in the same/different popup window. If you're familiar with javascript, it should be quite easy to set up. If you're not, post back and I can give a little more information on how abouts to do it. But don't give up right away just because I said that . . .

Jul 31st, 2006, 1:45 PM	#7
ASHORY Programmer Join Date: Dec 2004 Location: Egypt Posts: 30 Rep Power: 0	thanks sane , really iam not good in javascript but i think that i got it , any way i'll post here if i needed any other help __________________ "^Ahmed.SHOukRY^" http://www.ashory.741.com

Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)

Thread Tools
Show Printable Version Email this Page
Display Modes
Linear Mode Switch to Hybrid Mode Switch to Threaded Mode

Similar Threads
Thread	Thread Starter	Forum	Replies	Last Post
dropdown menu with persistence?	kerriganm	HTML / XHTML / CSS	11	Dec 17th, 2005 2:33 PM
Java Disable Dropdown List	Ghost	Java	2	Nov 10th, 2005 8:34 PM

Programming Forums > Web Development and Design > HTML / XHTML / CSS

DropDown Box .