|
HTML - Dropdown Box Coding Help
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?
Similar TutorialsHi, 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 Hello Everyone: I created a page in HTML and added javascript. I want it to have a search function.I have created a form which is basically a textfield and a "submit button".The "submit button" is meant to display web pages in a new window when I type in particular keywords into the textfield next to the "submit button" on the website.I have written the codes below so far and it is not working.I would appreciate it if you guyz can help me out.The webpage is not online just incase you guyz need to know.Thanks very much <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <script language="Javascript" type="text/javascript"> var keywords = "transistor Google Microsoft ipod " function gothere(placetogo) { if( keyWords.search(placetogo) == -1) { alert(placetogo+"is not an accepted keyword" ) } else { document.location = "C:\Documents and Settings\Teeboi\My Documents\Memorial University\WebPages" + placetogo + ".html" } } </script> <title>DESIGN CONCEPT</title> </head> <body bgcolor="#B0B0B0"> <form name="myForm"> <input type="textfield" name="searchtext" value="transistor" /> <input type="button" name="thebutton" value="Submit" onclick="javascript:gothere(document.myForm.searchtext.value)" /> </form> </body> </html> At this website: http://sungbc.org/missions.php I liked how they made it so that the different people could be clicked on and a new mini-page would load on the page. Does anybody know how to do that Hey Everyone, I need to set up some kind of html form which provides people with a registration ID, or number of sorts. The application of this kind of system would be so that if I had people registering for a conference, they could receive a committee assignment immediately. I'd appreciate any responses helping me. Thanks Guys (and ladies!) Bromo8824 im having some trouble with putting stuff in the middle of my site because whenever i put something in the middle it moves my left nav bar down if you go here u can see what im talking about right now im using kompozer to make the site http://www.freewebs.com/zxgamerreviews/test22.html Hello all! Cool place here and I hope with lots of experts. I have a n html template for a mod on my site and I cannot for the life of me figure out how to get it how I want. Basically what I want to do is remove the leftside images and move the titles on the right into its spot. I will post an image of what I am talkiking about and the code. Remove what is circled in red and put the tiles on the right into its spot. HTML Code: <div class="quick_links_elink" style="background-color: white;">
<div class="lcont_top">
<div id="lcont_img__unit_id__" style="left: 0px; position: left;">
<a href="__category_url__" class="main_l">
<img style="top:10px; max-height:16px;" alt="" src="__category_cover_image__" width="50px"/>
</a>
</div>
<div id="js_control_section0__unit_id__" style="padding-left: 5px;">
<a href="__category_url__" class="main_l">
__category_name__
</a>
</div>
<div class="js_control_section" id="js_control_section__unit_id__" title="Show / Hide" bximg="lcont_img__unit_id__" bxchild="lcont_other__unit_id__" style="background-position: 0px -17px;"></div>
</div>
<div class="quick_links_elink_lcont" id="lcont_other__unit_id__" style="display: none; top:40px; background-color: white;">
<a href="__category_url__" class="main_l">
<img alt="" src="__category_cover_image__" style="top:50px; width:80px; max-height:40px;"/>
</a>
<div class="lcont_other" >
__sub_categories_list__
<div class="clear_both"></div>
</div>
</div>
<script type="text/javascript">
var oShowHideController__unit_id__ = new ShowHideController();
$("#js_control_section__unit_id__").click( function() { oShowHideController__unit_id__.ShowHideToggle(this) } );
/*$("#js_control_section0__unit_id__").click( function() { oShowHideController__unit_id__.ShowHideToggle("#js_control_section__unit_id__") } );*/
</script>
</div>
THANKS in advance! My site PLEASE READ ENTIRE THING! Some stuff I'm saying may be hard to express in typing, so use my link above to get a better picture. I need some coding help for website........Right now, if I want to post an article one of my journalists submitted, I have to go in and edit each page individually, the article doesn't just show up.....How do I make it so when someone submits an article, it gets posted on the front page, in the news and events section, and in my archives? For the front page, I want my two latest articles up there with a photo and a small description with a "more info" link that brings you to the actual article. For the news and events page, I want the latest article on the left hand side with a photo, a description, a title and the link, with the 2 previous articles on the right with all of that but no photo. For the archives page, I just want all the articles for that month in order, with the latest being on top, with a title, a description, and a link. I work for a hospital and we are moving into a new building. The employees want me to put a simple countdown "ticker" on our intranet. The move is in a few months. Any one know code to create a date countdown? Hello, I am trying to create a page with a link that opens on a new page. This link will have an iframe to display another website. What I then want to do is have a pop over appear that will take me back to the original page. Is this possible and if so how would I code this. Oh and another thing. The first page will redirect itself after 10 secs. So this is what I want: Page A has a link that will open Page B Page A will redirect to another page after ten secs Page B will display a pop over when you click the pop over it will take you back to page A instead of opening a new page or changing to the link within page B. I hope this makes sense. So I all I need to know is how to make the pop over go back to page A. Thanks Hey guys, i am very very new to html and i designed and coded www.e-smartonline.com for myself, i know the way i made the html was not good, i have trouble with the links cause everything is pushing them cause of the way i coded it.. lol. I was wondering if someone can fix my booboo? fix the links left and right so that it works well. thanks a lot guys! The top section has several code errors, the bottom section is where the code was taken from, any help please, I'm a newbie to coding thanks in advance <p class="8"><a href="Photo%20Gallery2.htm" target="_parent">Click image for Photo Gallery</map></p></h3> ----------------------------------------------------------------------------------------------------------- <h3 class="c18"><a href="Photo%20Gallery2.htm"><span class="c22"><img src="alifephoto2.jpg" alt="Photo Gallery of ships, mammels, icebergs and fish" width="190" height="103" border="0" usemap="Index.htm#MapMap" class="style1"></span></a> <span class="c22"><map name="MapMap" id="Map3"> <area shape="rect" coords="-2,-2,189,103" href="Photo%20Gallery2.htm" target="_self" alt="Photo Gallery of ships"> <p class="8"><a href="Photo%20Gallery2.htm" target="_parent"></a></p> <p class="8"><a href="Photo%20Gallery2.htm" target="_parent">Click image for Photo Gallery</map></p></h3> I manage a website but don't know much about HTML. The website is used within my company to view different powerpoint presentations and excel spreadsheets that are updated every week. I want to put a form or a table on the frontpage to show what files have been updated recently. For instance if the file has been updated yesterday and is current (Weekly file) then I want the table or form to show the name of the file and highlight it in green. If the file is more then 7 days old I want it to be red. Can someone point me the the right direction? Hey guys! I am just starting a little thing to open, edit, and display HTML stored in txt files. It works fine until I tried to make it so that when you first open the form it already has the txt file's content inside the textarea (to edit it). Obviously it just displays the raw code! I am wondering if there is a way around this. here is my code; Code: <html>
<body>
<form action="write.php" method="post">
Content: <br><br>
<textarea cols="40" rows="5" name="texttest">
<?php
$file = file_get_contents ('text.txt');
Echo $file;
?>
</textarea>
<br>
<INPUT type="submit" name="button1" value="Update">
</form>
</body>
</html>
Any help would be awesome! I have this coding: <table style="display:inline;border-collapse:collapse;border:0"><tr> <td style="padding:0"><img src="transparent.gif" align="center" width="1" height="200" style="background:red"> </td></tr></table> But the red line is on the top left when I need it in the center middle.....can someone please help me get it into the center middle..or is there another way of making that line but more easy and simple? Thanks! Hi!!! I'm new here, I'm having trouble dealing with this question that needs to be an html coding. At the top of the page, create a table with the following attributes: 1. The border size should be 5 pixel with a width 100% of the page and a cell padding value of 10 pixels. The table should have a red border. 2. The rules value should be set to "none" and the frame value to "below". 3.The content of this table should be displayed in a red sans-serif font with a font size of 18 pixels. the bottom margin size of the table should be set to 20 pixels. I'm attaching a notepad with my html codes, can someone please help me with above questions. please help, I've tried using books and some site on internet. Can't get anywhere I'm completely clueless at this point. Hello there, everyone! I'm new to the forums and also not the best one at HTML, but as I'd need some HTML for a project in school since it would be useful in what we're working on I thought I would ask you guys over here for some help, since what I've tested doesn't really worth out great and it's quite in a hurry right now. So, lets go! What I'd like to do is that in the first page, lets call it "The site where you choose music", there's gonna be a list of say 10 different songs, where you can choose to click in the box at the songs you would like to hear, could look something like this (just an example-picture): http://pici.se/pictures/PMYqqclCT.jpg What I'd like to do now is that the songs that I've chosen should follow when I click the "PLAY"-button to a new window, where the songs I've chosen will be listed. E.g. if I choose Song 1, Song 3, Song 6 and Song 8 in the list these should be the only ones to follow when clicking "PLAY", while the others doesn't. I know these might not be the hardest things to do, but I've had some problems due to the pressure in the project. Also, is there anything special I will need to do with the "PLAY"-button (besides from having the link to the site where the songs etc. will be placed) in order to be able to get the songs with me? Haven't worked with this too much. So, is there anyone out there with some spare time who would mind helping me out? Would be really appreciated. Anything from just pure small bits of help, to a full set of codes that would work out for me, depending on the difficulty/time it would steal from you guys. /Grelien ^_^ If there's anything unclear with my question please say so, tried to be as explaining as possible without making it too long (to prevent "TLDR") or too short. I could also post my current code if that would help out, but felt I'd wait with that if it's not necessary as it would make the post quite big. http://offthe-beatenpath.net/ I've been trying to figure out what I'm doing wrong for days now. It's supposed to be setup so it starts off displaying just one body of text, then when you click on the different buttons it's supposed to switch to a different body of text, it does to a point. After you clich through from top to bottom it will get rid of the previous body of text above it, then when you go through again it displays mostly correctly, but the text isn't aligned quite right. Hey, I have made a layout in Photoshop CS3, and would like to start coding it into a website. Anyone have a tutorials that they can point me to inorder to achieve this? Cheers. -JT Hi Hope someone out there can give me a bit of advice. I have just written my first e-book and am at present posting it onto my web site my query is this. A prospect comes along views my sales letter and decides to buy my book. On clicking the pay pal link they go through the paypal process and buy the book then they are taken to my thankyou page to download the book. All well and good my query is this. Is their any coding or system on the market that you are aware of whereby the link for downloading the book cannot be passed on to anyone who has not paid money to download the book, or indeed returning the book for a refund and later returning to the link and downloading the book again without payment? I know I can encrypt the page and the book to prevent them from being copied but is there a way of preventing the link from being passed around to all and sundry robbing me of earnings. Hope someone can help regards im having trouble imaged maped both my header nav and left navigation yet it seems like if you have 1 mapped the other doesnt work can anyone correct my code? Quote: <img src="http://www.seattlewest.net/solve/header.jpeg"><br><img src="http://www.seattlewest.net/solve/nav.png" usemap="#map" border="0" height="473" width="146"><map name="map"><!-- #$-:Image map file created by GIMP Image Map plug-in --><!-- #$-:GIMP Image Map plug-in by Maurits Rijk --><!-- #$-lease do not edit lines starting with "#$" --><!-- #$VERSION:2.3 --><!-- #$AUTHOR:Brian Rathjen --><area shape="rect" coords="15,2,137,26" href="http://stores.ebay.com/Seattle-West_Video-Games_W0QQcolZ4QQdirZQ2d1QQfsubZ10616760QQftidZ2QQtZkm"><area shape="rect" coords="16,31,136,52" href="http://stores.ebay.com/Seattle-West_Video-Games_W0QQcolZ4QQdirZQ2d1QQfsubZ10616760QQftidZ2QQtZkm"><area shape="rect" coords="18,58,134,79" href="http://stores.ebay.com/Seattle-West_Video-Games_W0QQcolZ4QQdirZQ2d1QQfsubZ10616760QQftidZ2QQtZkm"><area shape="rect" coords="18,85,134,107" href="http://stores.ebay.com/Seattle-West_Video-Games_W0QQcolZ4QQdirZQ2d1QQfsubZ10616760QQftidZ2QQtZkm"><area shape="rect" coords="19,113,137,132" href="http://stores.ebay.com/Seattle-West_Video-Games_W0QQcolZ4QQdirZQ2d1QQfsubZ10616760QQftidZ2QQtZkm"><area shape="rect" coords="22,139,132,161" href="http://stores.ebay.com/Seattle-West_Video-Games_W0QQcolZ4QQdirZQ2d1QQfsubZ10616760QQftidZ2QQtZkm"><area shape="rect" coords="20,167,131,187" href="http://stores.ebay.com/Seattle-West_Video-Games_Microsoft-Xbox-360_MMORPG_W0QQcolZ4QQdirZQ2d1QQfsubZ10855764QQftidZ2QQtZkm"><area shape="rect" coords="21,192,130,214" href="http://stores.ebay.com/Seattle-West_Video-Games_W0QQcolZ4QQdirZQ2d1QQfsubZ10616760QQftidZ2QQtZkm"><area shape="rect" coords="21,221,130,242" href="http://stores.ebay.com/Seattle-West_Video-Games_W0QQcolZ4QQdirZQ2d1QQfsubZ10616760QQftidZ2QQtZkm"><area shape="rect" coords="20,248,129,269" href="http://stores.ebay.com/Seattle-West_Video-Games_W0QQcolZ4QQdirZQ2d1QQfsubZ10616760QQftidZ2QQtZkm"><area shape="rect" coords="21,274,127,296" href="http://stores.ebay.com/Seattle-West_Video-Games_W0QQcolZ4QQdirZQ2d1QQfsubZ10616760QQftidZ2QQtZkm"><area shape="rect" coords="23,301,130,323" href="http://stores.ebay.com/Seattle-West_Video-Games_W0QQcolZ4QQdirZQ2d1QQfsubZ10616760QQftidZ2QQtZkm"><area shape="rect" coords="25,329,129,350" href="http://stores.ebay.com/Seattle-West_Video-Games_W0QQcolZ4QQdirZQ2d1QQfsubZ10616760QQftidZ2QQtZkm"><area shape="rect" coords="18,355,134,377" href="http://stores.ebay.com/Seattle-West_Video-Games_W0QQcolZ4QQdirZQ2d1QQfsubZ10616760QQftidZ2QQtZkm"><area shape="rect" coords="19,382,137,404" href="http://stores.ebay.com/Seattle-West_Video-Games_W0QQcolZ4QQdirZQ2d1QQfsubZ10616760QQftidZ2QQtZkm"><area shape="rect" coords="16,411,140,471" href="http://stores.ebay.com/Seattle-West"></map> <img style="width: 303px; height: 451px;" src="http://www.seattlewest.net/solve/photo1.jpeg"><img src="http://www.seattlewest.net/solve/description1.png"><center><br><br><img src="http://www.seattlewest.net/solve/Payment.png"></center><center><br><br><br><img src="http://www.seattlewest.net/solve/preview.png"><br><br></center><center><img src="http://www.seattlewest.net/solve/preview2.jpeg"></center><center><br><br><br><br><img src="http://www.seattlewest.net/solve/Shipping.png"></center> |
|||||||