The secure CMS.

Welcome to Geeklog, Anonymous Wednesday, November 27 2024 @ 09:37 am EST

Geeklog Forums

How do I make a drop down box?

 New Topic  Post Reply
 12/06/04 11:59am (Read 1,518 times)  
Status: offline

ola_one

Forum User
Full Member
Registered: 06/28/03
Posts: 186
I am trying to make a drop down box like the one on the site for theme tester or the one that says Select a Forum. How do I make it please?


Thanks
 Quote
 12/06/04 01:05pm  
Status: offline

ronack

Forum User
Full Member
Registered: 05/27/03
Posts: 612
That's a pretty basic HTML question. Unless there is more to it I suggest you look
here
 Quote
 12/06/04 05:29pm  
Status: offline

ola_one

Forum User
Full Member
Registered: 06/28/03
Posts: 186


I saw the code for the drop down (Simple drop down box) but what I am really trying to do is for the user to pick an item, and the user gets redirected to somewhere else.

Take the case of the theme tester. When a user picks clean, it takes you to the clean theme.

Now knowing that Geeklog is mostly php based, does that mean I will have to make the drop down with an external page plugin?

In the case of this simple drop down I think this will not do that






Volvo
Saab
Fiat
Audi






I want the selection to take the user to another page, just like the weather plugin or the theme tester.

Thanks
 Quote
 12/07/04 12:04pm  
Status: offline

ScurvyDawg

Forum User
Full Member
Registered: 11/06/02
Posts: 523
angelic

OK - If you can not get this to work I am not going to be able to support you through it.

Text Formatted Code

<html>
<head>
<script language="JavaScript">
<!--

function goToURL(form) {

        var myindex=form.select1.selectedIndex
        if(!myindex=="")
        {
        window.location.href=form.select1.options[myindex].value;
       
        }
}

function goToURL2(form) {
        var myindex=form.select2.selectedIndex

        if(!myindex=="")
        {
        window.open(form.select2.options[myindex].value);
       
        }
}

//-->
</script>
</head>
<body>
<form>
<TABLE border="0" height="80" bgcolor="#ffffff" cellspacing="0" cellpadding="0">
<TBODY>
<TR>
<TD colspan="2" height="16"> </TD>
</TR>
<TR>
<TD valign="bottom" width="30" height="72"> </TD>
<TD valign="bottom" align="left" width="185" height="72">
<B><FONT color="#1b2540" face="Arial" size="2">Quick Links</FONT></B>
</TD>
</TR>
<TR>
<TD colspan="2" valign="top" align="right" height="28">
<SELECT id="links0" style="width: 185px" onchange="goToURL(this.form);" name="select1">
<OPTION value="" selected>Select a Link</OPTION>
<OPTION value="winner.html">winner</OPTION>
<OPTION value="contact_us.html">Contact Us</OPTION>
<OPTION value="customer_service_faqs.html">FAQs</OPTION>
<OPTION value="site_map.html">Site Map</OPTION>
</SELECT>
</TD>
</TR>
</TBODY>
</TABLE></form>
<body>
</html>

 


Try that
 Quote
 New Topic  Post Reply
All times are EST. The time is now 09:37 am.
  • Normal Topic
  • Sticky Topic
  • Locked Topic
  • New Post
  • Sticky Topic W/ New Post
  • Locked Topic W/ New Post
  •  View Anonymous Posts
  •  Able to post
  •  Filtered HTML Allowed
  •  Censored Content