Learn VBA & Macros in 1 Week!

HTML - Drop Down With Tick Box, Possible?

Full Excel VBA Course - Beginner to Expert

Drop Down With Tick Box, Possible?	View Content

is it possible to get a drop down menu which then has tick boxs next to each category for multiple selection?

Full Excel VBA Course - Beginner to Expert

Drop Down?

Similar Tutorials

View Content

Hi guys,

When you first launch Livestream's websites (http://www.livestream.com/), a drop down slides down from the top of the window which you can then close. Is this some sort of dynamic HTML?

Does anyone know where I can find a tutorial on this??

A

Drop Down

Similar Tutorials

View Content

I have two pages both have drop down. On the 1st page the user selects an option on the drop down, after the user choose an option it will go to the next page and I want the option showing on drop down on the 2nd page to be the option the user choose on the 1st page

example:
1st page option:blue,orange,red so when I pick orange on the 2nd page the drop down will have initial value of orange

I hope this is clear

Drop Box Help

Similar Tutorials

View Content

I am trying to make a form that submits info to Paypal. This is a drop box form that selects one of two things. Depending on the item selected, I want paypal to charge a different amount.

Here is code that I thought should work, but apparently I don't know the ins and outs of drop boxes. Could I get some help?

<select name="type of service" id="type of service">
<option selected>Select One...
<option> I will format the Pix myself
<input type="hidden" name="item_name_1" value="format myself">
<input type="hidden" name="amount_1" value="1.00">
</option>
<option> You can format the pix for me
<input type="hidden" name="item_name_2" value="you format">
<input type="hidden" name="amount_2" value="3.00">
</option>
</select>

Thanks!

Drop Down...

Similar Tutorials

View Content

I want a drop down with about 10 items. The 10th being "other", if people select "other" a text box appears and people can then write in what "other" means.

Any suggestions on the best code for this?

Here is the code I have so far:

HTML Code:

<form id="form1" name="form1" method="post" action="">
  <label>How did you hear about us?
  <select name="select">
    <option selected="selected">Please Select</option>
    <option>Search Engine</option>
    <option>Friends &amp;  Family</option>
    <option>Word of Mouth</option>
    <option>Newsletter</option>
    <option>TV</option>
    <option>Newspaper</option>
    <option>Magazine</option>
    <option>Blog</option>
    <option>Other</option>
  </select>
  </label>
</form>

Need Some Help With Drop Down Menus

Similar Tutorials

View Content

Ok, I've managed to get my drop down menu relatively sorted. The final version will have significantly more options, but for editing purposes each only has 2 options right now.

With my limited HTML knowledge, I've managed to get all the boxes lined up left, and in the right order and the such, but there are still a few things I would like this menu to do before it is finished, and I have no idea how to do them. Hopefully someone can help

This is what I have at the moment:

Quote:
<html>
<body>
<div align="left">
<select name="QB">
<option value="QB">Player A - 80</option>
<option value="QB">Player B - 65</option>
</select>
<select name="RB1">
<option value="RB1">Player C - 64</option>
<option value="RB1">Player D - 42</option>
</select>
<select name="RB2">
<option value="RB2">Player C - 64</option>
<option value="RB2">Player D - 42</option>
</select>
<select name="WR1">
<option value="WR1">Player E - 35</option>
<option value="WR1">Player F - 32</option>
</select>
<select name="WR2">
<option value="WR2">Player E - 35</option>
<option value="WR2">Player F - 32</option>
</select>
<select name="TE">
<option value="TE">Player G - 37</option>
<option value="TE">Player H - 29</option>
</select>
<select name="K">
<option value="K">Player I - 20</option>
<option value="K">Player J - 18</option>
</select>
<select name="DST">
<option value="DST">Team A - 35</option>
<option value="DST">Team B - 33</option>
</select>
</div>
</body>
</html>
That does what I want, could be hideously wordy and untidy in the code, idk, but it works lol

What I would like instruction on are the folloing steps if possible:

1) I would like a small box to the left of each drop down menu that remains the same. For example, I'd like a box that says "QB" then to the right of it immediately is the QB drop down menu. A bit like <TH> function works on a table I believe? I just have no idea how to put it into the code so it doesn't throw it all over the place

2) Some positions, like the RB and WR, have 2 positions. However, both drop down box player lists will be the same. Is there any way to stop WR1 and WR2 from being the same player? A player can't be used more than once, so is there a way to make sure the player in each box is never the same?

3) As you can see, each player has a value. At the moment, the player and the value are one constant line of text "Player A - 80". What I'd really like is for this to be split, so that a running team unit total can be kept at the bottom. That way a user will be able to see the total unit value of their team, and it will alter as they alter their line up. I'm sure the player value somehow needs to be its own specific bit of code for this to happen, it can't be coupled with a players name, but I've no idea how to do this either.

I really hope someone can help me out here, would be of great use to me. All I need are some pointers and I'll try and work my way through it as best I can.

Thanks, you guys are great

Drop Down Menu Help

Similar Tutorials

View Content

I have the following drop down menu.
HTML Code:

<form>
<select name="menu" style="font-family:'Arial';color:#FFFFFF;background-color:#000000;font-size:10pt;">
<option value="no link no action">title of menu</option>
<option value="url 1">link 1</option>
<option value="url 2">link 2</option>
<option value="url 3">link 3</option>
<option value="url 4">link 4</option>
</select>
<input type="button" onClick="location=this.form.menu.options[this.form.menu.selectedIndex].value;" value="GO" style="font-family:'Arial';color:#FFFFFF;background-color:#000000;font-size:10pt;">
</form>

Here is a screen capture of what the menu looks like. It's at this point I want no action to take place when "go" is clicked. As it is now (above code) it refreshes current page.

My question is how do I change this so that the first "option" has no action when chosen and then "go" is clicked. As is is right now it refreshes the current page being that between the quotes <option value=" HERE ">title of menu</option> there isn't a link because I don't want this option to do anything. Basically when the drop down menu shows "title of menu" and I click on "go" I want nothing to happen instead of a refresh.

Form Drop Down

Similar Tutorials

View Content

I am working on a contact form but I am having difficulty putting in a drop down menu to input text. Can someone give me a hand.

http://coloradorestaurantlist.com/?a...aurants_Submit

Thanks
Jamie

Drop Down Menu

Similar Tutorials

View Content

Dear HTML Experts,

I need your help, I would love to have a dropdown menu.
Which drop out of a image? Like when your mouse is at the image, the menu shows up vertically?

Thanks

Drop Down Focus

Similar Tutorials

View Content

Greetings All -

I've been here before and plan on being around a lot more as I've bitten off a little bit more than I can chew with overhauling my school district's website. Thanks for all the help you offer!

I've got the page at http://joomla.ridgway.k12.co.us looking pretty good but for some reason the sub level navigation for About Us and Secondary disappear before I can get to a link. I believe this is a focus problem, but in my efforts I can't fix it. Can someone point me in the direction where I could fix this?

Thanks for your time.

Drop Down Menu Box

Similar Tutorials

View Content

I have a drop down menu on my page, and I want to change the background color of the box from white to match the rest of the page, how do I do this.

Thanks
Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
   "http://www.w3.org/TR/html4/strict.dtd">
<html lang="en">
<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="language" content="english"> 
<meta http-equiv="Content-Style-Type" content="text/css">

<title>Welcome to my Home Page</title>

<script language="JavaScript" type="text/javascript">

////The source for this  script came from http://allwebco-templates.com/support/S_menus_dropdown.htm////
///For the Game,I changed the back ground picture. I realize it's not JS///
<!--
function land(ref, target)
{
lowtarget=target.toLowerCase();
if (lowtarget=="_self") {window.location=loc;}
else {if (lowtarget=="_top") {top.location=loc;}
else {if (lowtarget=="_blank") {window.open(loc);}
else {if (lowtarget=="_parent") {parent.location=loc;}
else {parent.frames[target].location=loc;};
}}}
}
function jump(menu)
{
ref=menu.choice.options[menu.choice.selectedIndex].value;
splitc=ref.lastIndexOf("*");
target="";
if (splitc!=-1)
{loc=ref.substring(0,splitc);
target=ref.substring(splitc+1,1000);}
else {loc=ref; target="_self";};
if (ref != "") {land(loc,target);}
}
//-->




<!--
/// The JS below is for the date and time. and i got the sorce from http://www.re-es.org/ ///

var day_names = new Array(7)
day_names[0] = "Sunday"
day_names[1] = "Monday"
day_names[2] = "Tuesday"
day_names[3] = "Wednesday"
day_names[4] = "Thursday"
day_names[5] = "Friday"
day_names[6] = "Saturday"
 
 
var month_names = new Array(12)
month_names[0] = "January"
month_names[1] = "February"
month_names[2] = "March"
month_names[3] = "April"
month_names[4] = "May"
month_names[5] = "June"
month_names[6] = "July"
month_names[7] = "August"
month_names[8] = "September"
month_names[9] = "October"
month_names[10] = "November"
month_names[11] = "December"
 
 
date_now = new Date()
 
 
day_value = date_now.getDay()
date_text = day_names[day_value]
 
 
month_value = date_now.getMonth()
date_text += " " + month_names[month_value]
 
 
date_text += " " + date_now.getDate()
 
 
date_text += ", " + date_now.getFullYear()
 
 
minute_value = date_now.getMinutes()
if (minute_value < 10) {
    minute_value = "0" + minute_value
}
 
 
hour_value = date_now.getHours()
if (hour_value == 0) {
   greeting = "Good Morning "
   time_text = " at " + (hour_value + 12) + ":" + minute_value + " AM"
}
else if (hour_value < 12) {
    greeting = "Good Morning "
    time_text = " at " + hour_value + ":" + minute_value + " AM"
}
else if (hour_value == 12) {
    greeting = "Good Afternoon "
    time_text = " at " + hour_value + ":" + minute_value + " PM"
}
else if (hour_value < 17) {
    greeting = "Good Afternoon "
    time_text = " at " + (hour_value - 12) + ":" + minute_value + " PM"
}
else {
    greeting = "Good Evening"
    time_text = " at " + (hour_value - 12) + ":" + minute_value + " PM"
}
 
document.write(greeting +  " &nbsp;&nbsp;Today is " + date_text + time_text)
 
//-->








</script>


<link rel="stylesheet" type="text/css" href="css/main.css">

</head>
<body>

<div id="container">

<p><img id="banner" src="images/banner.gif" alt="banner"></p><hr color="#FF0000"></p>
<ul id="nav">
 
 <li><form  action="#" method="post">
<select name="choice" size="1" onChange="jump(this.form)" class="dropdown">
<option value="index.html" selected>Home</option>
<option value="scripts_developed.html">Scripts Developed</option>
<option value="best_practices.html">Best practices for JavaScript coding</option>
<option value="ajax.html">AJAX</option>
<option value="JavaScript_frustrations.html">JavaScript frustrations & Javascript Game</option>
</select>
</form>

</li>

</ul>

<div id="content"></div>

</div>
<table width="1050" border="0" align="center">
  <tr>
    <td align="center"><p><img src="images/logo1.gif" width="300" height="300" hspace="30"><img src="images/logo3.gif" width="300" height="300"><img src="images/logo2.gif" width="300" height="300"></p>
    <p><img src="images/logo4.gif" width="300" height="300" hspace="30"><img src="images/logo5.gif" width="300" height="300"><img src="images/logo6.gif" width="300" height="300"></p></td>
  </tr>
</table>
<p>&nbsp;</p>
<p>&nbsp;</p>
</body>
</html>

HTML

<div id="menu"> 
<ul id="item1"> 
<li class="top">menu item</li> 
<li class="item"><a href="#">menu item 1</a></li> 
<li class="item"><a href="#">menu item 2</a></li> 
<li class="item"><a href="#">menu item 3</a></li> 
</ul> 
</div>

CSS

#menu ul .item{display:none;}
#menu ul:hover .item{display:block;}
#menu{position:absolute;}

My listing categories/hierarchy is controlled by word press so I can't really control that. I would like to know if I can modify the css to get this working. I'm trying to get the 'children' Appearance category to pop up under Automotive. Here is my NON working code:

Code:

HTML

<div id="dropmenu">
<ul>	
<li class="cat-item cat-item-3"><a href="http://www.diysrc.com/category/automotive/" title="View all posts filed under Automotive">Automotive</a>
<ul class='children'>
<li class="cat-item cat-item-7"><a href="http://www.diysrc.com/category/automotive/appearance/" title="View all posts filed under Appearance">Appearance</a>
</li>
</ul>
</li>
<li class="cat-item cat-item-14"><a href="http://www.diysrc.com/category/featured-articles/" title="View all posts filed under Featured Articles">Featured Articles</a>
</li>
<li class="cat-item cat-item-1"><a href="http://www.diysrc.com/category/uncategorized/" title="View all posts filed under Uncategorized">Uncategorized</a>
</li>
</ul>
</div>

CSS

#dropmenu ul .children{display:none;}
#dropmenu ul:hover .children{display:block;}
#dropmenu{position:inline;}