Solved

drop down menus

Posted on 2003-11-08
6
346 Views
Last Modified: 2010-04-09
Hi I'm trying to implement Drop Down menus in my webpage. I have never done that can somebody point me to the resources or i appreciate any sample code

Thanks
0
Comment
Question by:soft_techy
6 Comments
 
LVL 5

Expert Comment

by:ho_alan
ID: 9708920
http://www.htmlcodetutorial.com/forms/_SELECT.html

<select name=sel1>
<option value=1>1
<option value=2>2
</select>

you want to implement which javascript functions or not?
0
 
LVL 31

Expert Comment

by:GwynforWeb
ID: 9709017
soft_techy,
   Here is a small example illustrating many of the features of the select box, eg such as the value does not have be the same as the displayed text for the selection, how the value of the selected option can be accessed, how a change of selection can be detected and how a 'NULL"' entry can be useful for seeing if an item has actually been selected. By default the first entry is the option shown you can choose one by using selected like so <option value="3" selected>Prof</option> which would show Prof as the initial selection.

<form method="get" name="f1" >
  <select name="sbox"  onchange="document.SeeValue.value=document.f1.sbox.value">
    <option value="NULL">Select Title</option>
    <option value="1">Ms</option>
    <option value="2">Dr</option>
    <option value="Prof">Prof</option>
  </select>
<input type="text" name="SeeValue">
</form>
0
 
LVL 31

Accepted Solution

by:
GwynforWeb earned 125 total points
ID: 9709025
I am sorry I posted the wrong version this is it (see if you can spot why the above does not work :-)  )

<form method="get" name="f1" >
  <select name="sbox"   onchange="document.f1.SeeValue.value=document.f1.sbox.value">
    <option value="NULL">Select Title</option>
    <option value="1">Ms</option>
    <option value="2">Dr</option>
    <option value="3">Prof</option>
  </select>
<input type="text" name="SeeValue">
</form>
0
Live: Real-Time Solutions, Start Here

Receive instant 1:1 support from technology experts, using our real-time conversation and whiteboard interface. Your first 5 minutes are always free.

 
LVL 31

Expert Comment

by:seanpowell
ID: 9710083
Here's a link to a drop-down menu that you can use - it's very simple to incorprate:
http://www.dynamicdrive.com/dynamicindex1/hvmenu/index.htm
0
 

Expert Comment

by:techiebabe
ID: 9732999
You can also try :
http://www.dhtmlcentral.com/ many examples and different menus (top menus, side menus)

http://www.webreference.com/dhtml/
but these are not free...dpending on what your purpose is, there may be a fee, but i will admit, they do offer great support, and code updates on a regular basis.
0
 
LVL 2

Expert Comment

by:mailBoy2
ID: 9738144
I find looking at other sites a good way to learn - if they do something you like you can view the source of the page (right mouse click on hte html page then click View Source).
This way if you like something you can copy the whole page source and rip out the bits you like. Of course this is just a good way to get ideas / examples of how do stuff.
0

Featured Post

Gigs: Get Your Project Delivered by an Expert

Select from freelancers specializing in everything from database administration to programming, who have proven themselves as experts in their field. Hire the best, collaborate easily, pay securely and get projects done right.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Suggested Solutions

Title # Comments Views Activity
HTML code not showing slider block in Magento 2 39
WordPress Themes 10 41
FIELDSETs and LEGENDs in email markup 1 23
how to avoid redundand ajax calls 5 28
Foreword (July, 2015) Since I first wrote this article, years ago, a great many more people have begun using the internet.  They are coming online from every part of the globe, learning, reading, shopping and spending money at an ever-increasing ra…
Finding original email is quite difficult due to their duplicates. From this article, you will come to know why multiple duplicates of same emails appear and how to delete duplicate emails from Outlook securely and instantly while vital emails remai…
In this tutorial viewers will learn how to style a corner ribbon overlay for an image using CSS Create a new class by typing ".Ribbon":  Define the class' "display:" as "inline-block": Define its "position:" as "relative": Define its "overflow:" as …
In this tutorial viewers will learn how to embed videos in a webpage using HTML5. Ensure your DOCTYPE declaration is set to HTML5: "<!DOCTYPE html>": Use the <video> tag to insert a video. Define the src as the URL of your video; this is similar to …

816 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

8 Experts available now in Live!

Get 1:1 Help Now