HTML - Link W/ Dropdown Feature?
Let me explain exactly what i want. In my horizontal navigation i want to have 3 links with a drop down menu feature! When the cursor hovers or that specific navigation i want it to drop down with other links hyperlinking to otherpages on my site!
Similar TutorialsI'm getting a fourm using mysql. I have a categories table and a topics table. I want to create two dropdown menus for each. The categories menu will display all the categories in the fourm and then the topics menu will populate will the topics from the category that was selected. Heres the code I have so far: HTML Code: //Display the categories $sql = "SELECT categoryID, categoryName, categoryDescription FROM categories"; $result = mysql_query($sql); echo 'Select Category:'; echo '<select name="Categories">'; while($row = mysql_fetch_assoc($result)) { echo '<option value="' . $row['categoryID'] . '">' . $row['categoryName'] . '</option>'; } echo '</select><br />'; '</form>'; //Displaying the topics $sql = "SELECT topicID topicSubject, topicDate, topicCategory, topicByUser FROM topics"; $result = mysql_query($sql); echo '<form method="post" action=""> Select Topics:'; echo '<select name="topicSubject">'; while($row = mysql_fetch_assoc($result)) { echo '<option value="' . $row['topicID'] . '">' . $row['topicSubject'] . '</option>'; } echo '</select><br />'; //submit button echo ' <input type="submit" value="Delete topic" name="submitButton" /> </form>'; Hi, Im new to this forum and i need some help, so what i have so far a drop down menu and in that drop down menu i have 20 e-mail accounts and what im looking for is how do i click one e-mail and it links to another page and displays if that e-mail is used or not. And how do i when they selcet a e-mail it shows pricing. how can i do this im using front page 2003, I would relay appreciate the help this is what i have in my code, oh and its HTML. Code: <html> <head> <meta http-equiv="Content-Language" content="en-us"> <meta http-equiv="Content-Type" content="text/html; charset=windows-1252"> <title>e-mail test</title> </head> <body> <p align="center"> </p> <p align="center">e-mail test</p> <form method="POST" action="--WEBBOT-SELF--"> <!--webbot bot="SaveResults" U-File="_private/form_results.csv" S-Format="TEXT/CSV" S-Label-Fields="TRUE" --> <p align="center"><select size="1" name="D1"> <option>MyOwnHog.com</option> <option>MyOwnBug.com</option> <option>MyOwnRatRod.com</option> <option>MyOwnHotRod.com</option> <option>MyCustomBuild.com</option> <option>MyBig10Inch.com</option> <option>MyOwnCustomRod.com</option> <option>IMACoonAss.com</option> <option>MyCoonAss.com</option> <option>MyCustomBug.com</option> <option>TacklinMyLife.com</option> <option>StillProgramming.com</option> <option>StillBassFishing.com</option> <option>StillSalmonFishing.com</option> <option>StillSal****erFishing.com</option> <option>StillFlyFishing.com</option> <option>StillLakeFishing.com</option> <option>StillFreshWaterFishing.com</option> <option>Want2Hunt.com</option> <option>StillDuckHunting.com</option> <option>MyCustomRig.com</option> <option>StillDeerHunting.com</option> </select> <input type="submit" value="Submit" name="B1"> </p> </form> <p align="center"> </p> </body> </html> Hello. I am trying to code a "simple" webpage. It will have two drop downs. Each drop down will have a few selections. You, the user, choose two selections from each drop down. The you press submit/go button. if you house apples for dropdown 1 and green for dropdown 2, it would then insert these keywords into a link such as www.test.com/apples11green.html or www.test.com/apples/green.html, etc etc... basically i want to specify to variable spots in a link, and have the drop down selections place into those links. http://www.sullcrom.com/ Like the ones under News and publications on the far right... Having a difficult time figuring it out! Hi, I want to create the same pop-up as in the photo whilst clicking on it: http://www.skysports.com/story/0,195...826281,00.html Does anyone know how this is possible, or would I have to buy a type of software? Thanks in advance! Hi Im not sure where to post this thread so I thought I 'll put it here - Im sure someone will point me to the right place Basically Im building a property marketing website which will list eventually hundreds of properties for sale (i hope) I need to add a simple multi criteria search feature ie costs, location, type etc. How do I go about this? Are there any availble scripts for this type of thing or even freebies?? Any ideas! Thanks Hello created an account here to ask this specific question, I want to know how to link the search feature of my web page to the sites I'm an affiliate for, for example If a user comes to my site and searched for 'fishing rods' how would I get it to search the companies websites that I affiliate for and deliver the results to my page? Sorry if I'm doing a bad job explaining what I'm trying to achieve, the point of my site is to deliver the reviews of a certain product from multiple sites to mine by searching for it by keyword instead of having to go to each site individually. Please any help would be appreciated Hi, geetings to all. I came across this interesting feature on the Microsoft website and I was wondering how the navigation bars work? (the one with highlights etc...) I suspect it's done using javascript... Can anyone link/provide me to/with any code, tutorial or explanation as to how this is done? Thanks. =) As for shtml, I remember doing it once but I forgot how it's done. My question is, does shtml operate on frames? Is there a good tutorial out there somewhere? (I'm sure there is, I'll be searching meanwhile too). Thanks for your help. DarkArcher Hi All I seem to have a problem with the lytebox feature on my website. The lytebox feature is working locally on my computer but when I upload it to my server it does not work. Here is the link to the site / gallery: www.starmanofficial.com/gallery.html I have also attached the code to the this in a text file. I am using V3.2.2 for the lytebox code. Please would someone mind helping me with this problem? hi i would like to know as to how to go about with html if i wanted people to watch a live event on my website i have been doing xhtml css however never explored this live feature event so can someone provide me with links where i can get all the information that is needed for example a camera to record, what technology to use, what i should consider from user point of view, server side point of you, and the html code that needs to be used. please advise. thanks Hi, I am using css to create a dropdown menu. It works fine in all browsers except IE6. In IE6 a dropdown list covers the dropdown menu. please see the atachment/screenshot. Here is the html/css code I am using. HTML Code: { position: relative; z-index: 1;}*/ ul.dropdown, ul.dropdown li, ul.dropdown ul { list-style: none; margin: 0; padding: 0; } ul.dropdown { position: relative; z-index: 597; float: left; } ul.dropdown li { float: left; line-height: 1.3em; vertical-align: middle; zoom: 1; z-index: 599; } ul.dropdown li.hover, ul.dropdown li:hover { position: relative; z-index: 599; cursor: default; } ul.dropdown ul { visibility: hidden; position: absolute; top: 100%; left: 0; z-index: 598; width: 100%; } ul.dropdown ul li { float: none; z-index: 598; } ul.dropdown ul ul { top: 1px; left: 99%; z-index: 598; } ul.dropdown li:hover > ul { visibility: visible; z-index: 598; } HTML Code: <div id="header" class="header" style="background-image: url(./images/blue-curve.jpg); background-position: top;"> <h1> Finance and Risk </h1> <ul class="dropdown dropdown-horizontal noPrint"> <li><a href="#" class="dir">Data Management</a> <ul> <?php echo '<li><a href="main.php?PageName=import3' . SID . '">Upload Data</a></li>'; ?> <?php echo '<li><a href="main.php?PageName=list' . SID . '">Download Data</a></li>'; ?> <?php echo '<li><a href="main.php?PageName=delete' . SID . '">Delete Data</a></li>'; ?> <?php echo '<li><a href="main.php?PageName=assetupdate' . SID . '">Update Data</a></li>'; ?> </ul> </li> <li><a href="#" class="dir">Reports</a> <ul> <?php echo '<li><a href="main.php?PageName=reports' . SID . '">BS Overview</a></li>'; ?> <?php echo '<li><a href="main.php?PageName=CDO' . SID . '">CDOs</a></li>'; ?> <?php echo '<li><a href="main.php?PageName=impairment' . SID . '">Impairments</a></li>'; ?> <?php echo '<li><a href="main.php?PageName=fvecapreport' . SID . '">FairValue and Risk</a></li>';?> <?php echo '<li><a href="main.php?PageName=creditrisk' . SID . '">Credit Default Risk</a></li>';?> <?php echo '<li><a href="main.php?PageName=securitydata' . SID . '">MarketData</a></li>';?> </ul> </li> <li><a href="#" class="dir">Files & Manuals</a> <ul> <?php echo '<li><a href="magnitude.pdf" target="_blank">Product Codes</a></li>';?> <?php echo '<li><a href="uploadmanual.pdf" target="_blank">Upload Manual</a></li>';?> <?php echo '<li><a href="main.php?PageName=osmdocs' . SID . '">OSM Files</a></li>'; ?> </ul> </li> <li><a href="#" class="dir">Miscellaneous</a> <ul> <?php echo '<li><a href="main.php?PageName=creditcrises' . SID . '">Credit Crises</a></li>'; ?> </ul> </li> <?php if ($_SESSION['Admin'] == "Yes") { ?> <li><a href="#" class="dir">Admin </a> <ul> <?php echo '<li><a href="main.php?PageName=message' . SID . '">Flash Alerts</a></li>'; ?> <?php echo '<li><a href="testmarcel1.php?' . SID . '">Test Marcel1</a></li>'; ?> <?php echo '<li><a href="testmarcel2.php?' . SID . '">Test Marcel2</a></li>'; ?> <?php echo '<li><a href="testmarcel3.php?' . SID . '">Test Marcel3</a></li>'; ?> <?php echo '<li><a href="main.php?PageName=testajay1' . SID . '">Test Ajay1</a></li>'; ?> <?php echo '<li><a href="testajay2.php?' . SID . '">Test Ajay2</a></li>'; ?> <?php echo '<li><a href="testajay3.php?' . SID . '">Test Ajay3</a></li>'; ?> </ul> </li> <?php } ?> <li><a class="dir" href="main.php?PageName=menu">Menu</a> <ul> <?php echo '<li><a href="logout.php">Logout</a></li>'; ?> <?php echo '<li><a href="#">Change password</a> </li>'; ?> </ul> </li> <li><a class="dir" href="javascript:window.print()" color="green">Print</a> </li> </ul> </div> Any one has an idea how to get the css menu on top of the dropdown list? Thanks in advance This may seem like a rather elementary question, but I'm doing a this for a school project and wanted some input on how this should be done. What I'm looking to do is to have a very simple text-input box on my page where the user would obviously type in some text, then a simple "post" button or something like that where when once clicked, the text typed by the user would just then appear above the box, possibly in a table? How simple/complicated is it to do this. I'm pretty familiar with html so once I get pointed in the right direction I should be fine. I don't want a blog or something where someone has to sign up with a user name or anything like that, just whoever visits the site can write text into the/a text input box and then it is shown after whatever text was typed by the user before them. Any help/suggestions are greatly appreciated. I have several links on my site, all in the form of <a href="http://www.mywebsite.com">mywebsite</a> How do I need to change it such that a new instance of the browser is used in which the linked site is displayed. Ive been working on a website in my free time, and I have been wondering if it's possible to hover over a link, and change the text color of another link. A picture of one of my web pages is shown in the link below. http://i223.photobucket.com/albums/d...screenshot.jpg I want to be able to hover over something from the side navigation bars and have various links in the bottom naviational bar change color. So like hovering over Blood Elf, would make Death Knight, Mage, Paladin, Warlock, Priest, Rogue, Hunter turn red Does anyone know how to do this? or even know if it is possible? Hi, I'm newly registered and seeking some assistance. I'm working on a website for a client and come across an issue. The following is my iFrame code: Code: <div id="iframez"> <iframe src="main.html" width="100%" height="400px" name="framez"></iframe> </div> I have a link that is at the bottom of the page that is supposed to load in the iFrame when clicked upon. The code is as follows: Code: <a href="somelink.html" target="framez">some link</a> What I want is when the link is clicked that it loads in the iframe (this works as intended) AND I want the page to scroll up to the iframe. I tried doing this without success: Code: <a href="somelink.html#iframez" target="framez">some link</a> This is interpreted as #iframez in somelink.html, and not the page its on. Is there any way around this? Thanks for your patience. Hi im not sure if this can be done i have created some buttons to use as links and once i put the a href code in a box appears around the button can i remove this and how plz you can see example of what i mean on my website i have made Home and Contact clickable but i want to remove the box thats around the button if possible http://dreamteam0708.co.uk/ for info: im coding my own html in notepad, not using any programs or anything and my hosting doesnt support php etc hello friends, I want to display the text in a textbox. But I dont want the user to edit it. How can the remove this editing feature in the text box. If possible can you please give me a sample code. Hi all i would like to know how to create a combobox/dropdown box that the user can use to up grade options on a pc and the price change with it? here is an example http://www.gr-tek.com.au/proddetail.php?prod=Corei3 many thanks Nick Hi, I have a menu that lets me select from multiple options, and I want that any option that I choose will lead me to another website, after that I click the submit button. How I do this? Code: <form action="" method="post"> <select name="Dropdown Menu" id="menu"> <option selected>Select</option> <option value="1">1</option> <option value="2">2</option> <option value="3">3</option> </select> <input type="submit" value="" id="button"> </form> Thanks, Steve Hello, okay, so here's what i want to do: I want to create multiple dropdown boxes, and then have options inside the dropdown boxes have various values or attributes assigned to them, and then after all the options have been selected, then compare the various attributes of each option against each other, i'd like to compare it back against a spreadsheet of some sort, that would be easiest for managing the data and the various attributes, is it possible to check attributes of a dropdown selection on a spreadsheet of some sort? if so, how would that be done? if not, how else could the desired effect be achieved? |