JavaScript for Dropdown HTML control

[Dilbert]

Hii Everyone,
I am designing a web page. I am trying to make a script for creating a drop down control for arbitrary content. I have tried lot of scripts but was not getting the desired output. So thought to post over here, so that some one can help me.! I just want the script, such that when the user clicks on a link, the content drops down and is shown on demand. I think that someone would have understood my problem. In simple words, please tell me the JavaScript for Dropdown HTML control.!! Expecting the Help from you Guys..!!

[MELTRONICS]

You can use the following script for creating a drop down control for arbitrary content on the page. If you are able to use ASP.NET then that would be much helpful for you. Using ASP.Net is useful because ASP.NET is a very fast and efficient way to program small as well as enterprise level web applications. Also it provides lot of controls and components to build web pages when compared to the JavaScript. You can also develop this control by using the simple HTML classes, CSS and Javascript.

[Solitario]

I think that you want the coding very similar to the search box. Because in search also, when the user clicks on a link, the content drops down and is shown on demand. So I have provided you with an example of drop down search box. The following example shows a search form that drops to the right of a DIV when clicked on. And below is the code for that :

<div id="src_parent">Site Search</div>

<form id="src_child">
  <b>Enter search terms:</b>
  <br />
  <input type="text" name="Conditions" size="25" />
  <center>
    <input type="submit" value="Submit" />
  </center>
</form>

<script type="text/javascript">
at_attach("src_parent", "src_child", "click", "abc", "pointer");
</script>

[kyosang]

I am providing you with an example that uses dropdown HTML control to create a dropdown menu. The menu itself is simply a DIV with links contained inside it. Here is the code for that :

<div id="menu_parent">Main Menu</div>

<div id="menu_child">
<a href="#">Item 1</a>
<a href="#">Item 2</a>
<a href="#">Item 3</a>
</div>

<script type="text/javascript">
at_attach("menu_parent", "menu_child", "hover", "y", "pointer");
</script>

[Allan.d]

If you are not able to run the script properly, then you can also download the scripts from the web. Downloading such scripts doesn't have any charges. So you can try it. After downloading the script, you will have to make changes according to your need. This is the only drawback because making the changes is not difficult but very time consuming. But the good point is that you will get an idea for using the script. Once you get the idea, later on you can write your own script.