|
HTML - Dropdown List Alert
ok i have this code it works fine for what i want but also id like to add in when the option is selected to have an alert that pops up acording to what option was selected
Code: <html> <head> <title>Tech Support</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> </head> <body> <form> <select onchange="this.form.solu.value=this.options[this.selectedIndex].value"> <option value="" selected>Select from Drop Down List</option> <option value="Plug in the Computer">No Power</option> <option value="Turn on the Monitor">Screen is Dark</option> </select><br> <br> <table> <tr> <td valign="top">Solution:</td> <td><textarea name="solu" rows="3" cols="30"></textarea></td> </tr> </table> </form> </body> </html> 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 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 Hey guys, I'm having a little problem. My client is being very picky and he doesn't like the way his "form dropdown box unfurls". I did some research and I can't seem to find a way to changed the speed or way that the dropdown box drops down. Can someone help me out? Thank in advance! Aaron I am trying to make two drop down list boxes (each with a "Enter" button), but I can't get them both to work. The second list box works fine, but the "Enter" button from the first box uses the selection of the second box as its reference. Does anyone know why this is happening? Below is the code that I am using. Code: </ br>
<h1 style="text-align: center;">View Routes</h1>
<p style="text-align: center;">Browse By Location:</ br><script type="text/javascript">
function submitForm() {
var list = document.navList.subMenu;
var page = list.options[ list.selectedIndex ].value;
if (page != "home")
window.location = page;
return false;
}
</script>
<form style="text-align: center" name="navList" onsubmit="return submitForm();">
<select name="subMenu">
<option value="home"> </option>
<option value="http://climb-utah.modern-graphix.com/bryce-national-park">Bryce National Park</option>
<option value="http://climb-utah.modern-graphix.com/capitol-reef-national-park">Capitol Reef National Park</option>
<option value="http://climb-utah.modern-graphix.com/cedar-mesa">Cedar Mesa</option>
<option value="http://climb-utah.modern-graphix.com/escalante-grand-staircase">Escalante Grand Staircase</option>
<option value="http://climb-utah.modern-graphix.com/lake-powell-area">Lake Powell Area</option>
<option value="http://climb-utah.modern-graphix.com/miscellaneous">Miscellaneous</option>
<option value="http://climb-utah.modern-graphix.com/moab-area">Moab Area</option>
<option value="http://climb-utah.modern-graphix.com/robbers-roost">Robbers Roost</option>
<option value="http://climb-utah.modern-graphix.com/san-rafael-swell">San Rafael Swell</option>
<option value="http://climb-utah.modern-graphix.com/wasatch-mountains">Wasatch Mountains</option>
<option value="http://climb-utah.modern-graphix.com/uinta-mountains">Uinta Mountains</option>
<option value="http://climb-utah.modern-graphix.com/valley-of-fire">Valley Of Fire</option>
<option value="http://climb-utah.modern-graphix.com/zion-national-park">Zion National Park</option>
</select>
</ br>
<input type="submit" value="Enter" />
</form>
<p style="text-align: center;">Browse By Category:</p><script type="text/javascript">
function submitForm() {
var list = document.navCat.subMenuCat;
var page = list.options[ list.selectedIndex ].value;
if (page != "home")
window.location = page;
return false;
}
</script>
<form style="text-align: center" name="navCat" onsubmit="return submitForm();">
<select name="subMenuCat">
<option value="home"> </option>
<option value="http://climb-utah.modern-graphix.com/family-fun">Family Fun - Easy</option>
<option value="http://climb-utah.modern-graphix.com/weekend-warrior">Weekend Warrior - Moderate</option>
<option value="http://climb-utah.modern-graphix.com/hardcore">Hardcore - Difficult</option>
<option value="http://climb-utah.modern-graphix.com/technical">Technical - Highly Skilled</option>
<option value="http://climb-utah.modern-graphix.com/adventure-tales">Adventure Tales - Stories</option>
<option value="http://climb-utah.modern-graphix.com/video-audio-clips">Video & Audio Clips</option>
<option value="http://climb-utah.modern-graphix.com/other-stuff">Other Stuff</option>
</select>
</ br>
<input type="submit" value="Enter" />
</form>
Hello all, I have created a dropdown list in a form using the <select> tag. My question is, is there any way to have that dropdown list display a different <option> as the default option when the page loads? The default option right now is always whatever option is the first one in my code. EX. <select> <option value="1">1</option> //by default this first option shows up on page load <option value="2">2</option> <option value="3">3</option> //can I have this option show up instead by default? </select> Thanks in advance. I'm a noob so please forgive me if this is a stupid question or if the info is listed somewhere else. I really did try and find it on my own. I'm trying to make a simple website that incorporates amazon's free "astore". It has a search function included in the sidebar already but i don't like it and really want to set up my own. I found this search box code: Quote: <form action="http://astore.amazon.com/adbabel-20/search" method="get" target="_blank"> <input name="node" value="8" type="hidden"> <input name="keywords" size="12" value="" type="text"> <button type="submit" >Search</button> </form> it works well but is limited to searching only one category in my store (i have several). each category is assigned a "node" number. By changing the node value in the code I can change which category the box searches. I want to create a drop down list that, upon selection, changes the node value and thus the category that is to be searched. Can anyone let me know how this might be done? I have a big list and I want to show on my webpage 6lines from that list randomly (when webpage is refreshed another 6 lines appear). can anyone help me with he code, how should the list look like so it works...or where can I find more info on this ? thanks I have this alert box that I would like to add a sound after you click ok. Can this be done to the script I have here? Thanks //<![CDATA[ var alertmessage="Well this the last and finale Assignment for the JavaScript Level One Course" //Alert only once per browser session (0=no, 1=yes) var once_per_session=1 function get_cookie(Name) { var search = Name + "=" var returnvalue = ""; if (document.cookie.length > 0) { offset = document.cookie.indexOf(search) if (offset != -1) { // if cookie exists offset += search.length // set index of beginning of value end = document.cookie.indexOf(";", offset); // set index of end of cookie value if (end == -1) end = document.cookie.length; returnvalue=unescape(document.cookie.substring(offset, end)) } } return returnvalue; } function alertornot(){ if (get_cookie('alerted')==''){ loadalert() document.cookie="alerted=yes" } } function loadalert(){ alert(alertmessage) } if (once_per_session==0) loadalert() else alertornot() //]]> Hello, i recently attempted to swap from a table style nav bar to getting them to float you can see my before and after here. Befo www.cleverblobs.co.uk/index2.html after: www.cleverblobs.co.uk/index1.html I'm not sure if this is the right forum - I just signed up. But my question: I'm making a video for youtube that is going to require a couple of websites (I'm making) and an alert box. I've gotten the alert box to say what I want, but I want to change the 'title' on the box. Code: <script language="javascript"
type="text/javascript">
alert('Error-Internet is full. Please try again
later.')
</script>
It says, for the title, "JavaScript Application". Is there a way I can edit this? Thank you! hey guys, I don't know if you can do this in HTML or should it be in server side, but: is it possible for like when you click on a link that will be going to other website, to have a note popup saying that you are leaving the (current)website. I don't want to use Javascript alert messg for this becuase it's annoying. I just want it to say it and then like 3 secs later, just disappear. yes, i think this is worthless, but it's from the people above me that wants it on the site. Gosh i just dont know. please help Okay well the way i have done my website is quite simple i made the site in photoshop and the sliced it up and used dreamweaver to do the whole html thing, but in the main page i have the box for news and do not know how to make it so i can have it like scrolling because the way it's now is just a grey box. this is the site; Da-nexgen.com If there is a site or something that teaches you better how to make a site from photoshop please let me know. Im getting an error in line 44 of my code, my body tag with upload in it. The error says object expected. Any advice? Code: <HTML>
<HEAD>
<TITLE> **** </TITLE>
<SCRIPT type="text/javascipt">
var Color= new Array(9);
Color[1] = "ff";
Color[2] = "ee";
Color[3] = "dd";
Color[4] = "cc";
Color[5] = "bb";
Color[6] = "aa";
Color[7] = "99";
Color[8] = "88";
Color[9] = "77";
Color[10] = "66";
Color[11] = "55";
Color[12] = "44";
Color[13] = "33";
Color[14] = "22";
Color[15] = "11";
Color[16] = "00";
function fadeIn(where) {
if (where >= 1) {
document.bgColor="#" + Color[where] +"0000";
where -= 1;
setTimeout("fadeIn("+where+")", 15);
} else {
setTimeout('fadeOut(1)', 15);
}
}
function fadeOut(where) {
if (where <=16) {
document.bgColor="#" + Color[where] +"0000";
where += 1;
setTimeout("fadeOut("+where+")", 15);
} else {
setTimeout("fadeIn(16)", 15);
}
}
</SCRIPT>
</HEAD>
<body onLoad="fadeIn(16)">
<p></p>
</body>
</HTML>
Hey guys, I'm totally new at building websites, and I currently make one for my church. I use a Mac and use Firefox and Safari and the site looks great on them, but on PCs with IE6 or 7 it looks pretty neglected and ugly. I was wondering, to discourage people from using IE6 or 7, is there was a way to display a banner or text box (Using HTML) at the top of the page that would be displayed only if the viewer was using IE? Thanks in advance. can anyone write up a quick script on how to do the following? Please? Well, i just want visitors to be able to click on a link and then a have to wait 2 secs, then it opens in a new window. Please this is very important for me. Help. how do i make it that when i click on a button it goes to an alert but i already have an onclick functiion for the button. HTML Code: <html>
<head>
<title> iodhaoidhoa </title>
<script language="javascript">
function add(a,b)
{
var ans = a + b
document.write("The sum is " + ans)
}
</script>
</head>
<body>
<input type="button" value="Whats 6+4" onclick="add(6, 4)")
</body>
<html>
basically i want it that when i click the button it will show an alert saying that the sum is 10 how can i make my private message alert page refresh every 20 seconds or so. if you need to see the code am using just let me know. Thanks Im getting an error in line 44 of my code, my body tag with upload in it. The error says object expected. Any advice? Code: <HTML>
<HEAD>
<TITLE> **** </TITLE>
<SCRIPT type="text/javascipt">
var Color= new Array(9);
Color[1] = "ff";
Color[2] = "ee";
Color[3] = "dd";
Color[4] = "cc";
Color[5] = "bb";
Color[6] = "aa";
Color[7] = "99";
Color[8] = "88";
Color[9] = "77";
Color[10] = "66";
Color[11] = "55";
Color[12] = "44";
Color[13] = "33";
Color[14] = "22";
Color[15] = "11";
Color[16] = "00";
function fadeIn(where) {
if (where >= 1) {
document.bgColor="#" + Color[where] +"0000";
where -= 1;
setTimeout("fadeIn("+where+")", 15);
} else {
setTimeout('fadeOut(1)', 15);
}
}
function fadeOut(where) {
if (where <=16) {
document.bgColor="#" + Color[where] +"0000";
where += 1;
setTimeout("fadeOut("+where+")", 15);
} else {
setTimeout("fadeIn(16)", 15);
}
}
</SCRIPT>
</HEAD>
<body onLoad="fadeIn(16)">
<p></p>
</body>
</HTML>
My code says that there's an error on line 44 which is the body tag with "onload" in it, i can't seem to find the solution to this error, any advice? <HTML> <HEAD> <TITLE> **** </TITLE> <SCRIPT type="text/javascipt"> var Color= new Array(9); Color[1] = "ff"; Color[2] = "ee"; Color[3] = "dd"; Color[4] = "cc"; Color[5] = "bb"; Color[6] = "aa"; Color[7] = "99"; Color[8] = "88"; Color[9] = "77"; Color[10] = "66"; Color[11] = "55"; Color[12] = "44"; Color[13] = "33"; Color[14] = "22"; Color[15] = "11"; Color[16] = "00"; function fadeIn(where) { if (where >= 1) { document.bgColor="#" + Color[where] +"0000"; where -= 1; setTimeout("fadeIn("+where+")", 15); } else { setTimeout('fadeOut(1)', 15); } } function fadeOut(where) { if (where <=16) { document.bgColor="#" + Color[where] +"0000"; where += 1; setTimeout("fadeOut("+where+")", 15); } else { setTimeout("fadeIn(16)", 15); } } </SCRIPT> </HEAD> <body onLoad="fadeIn(16)"> <p></p> </body> </HTML> Is there a way to change the buttons in an alert window? By alert widnows I mean use <script>alert ('Message Here') </script> or the JS version of this. |
|||||||