HTML - Igoogle Api To Drag And Drop Boxes

I have a custom order form where the choices available in one box should be conditional on another one. I want both the drop down boxes to display on the same page.

For instance, the first box has regular, superior and deluxe.

The second box would have red, orange, violet, indigo, blue.

If user chooses regular, all colour options would be available..

If user chooses superior, red orange violet would be available

If deluxe, only red available.

How would I do this?

Hey there, not sure if this is the right place to post this but here goes. (Did look to make sure but wasn't a 100% positive)

Anyway, I'm pretty familiar with the basics of html. I can read it and understand what most of it says. My first question is, do you think frames would be a good idea here ??I don't work them often so I'm not too familiar with them but I do understand how they work. I was thinking just two side by side or would I need to do one on top & two side by side. Nothing would alter above the main image so it's why I didn't think it was necessary. But again, not an expert.

Second question. On this on this page is more complicated. I know about drop down boxes but what I was thinking of have it has it is now except the dark purple not show until you click on the letter you want. (I know that sounds like a normal drop down box but I'm not sure how else to explain it) Just wondering if that was possible to do without it being too difficult.

<3 thanks a lot everyone. I appreciate all help.
Lilly

First I am not sure if this is the right place to post this, it might need to be in a different language section. Sorry for that if it is.

I need to create a set of drop down boxes, most likely 6. Each box needs to have 4-5 different options in it. There is no order in which they need to be set up because the user HAS TO be able to start with whatever box they want. From their choice in the first box, certain selections in the other drop down boxes would have to be eliminated. Same with the second, third and so on. There can be no predetermined order of what one they start with because not all the boxes will apply to every user.

Another way to imagine the basic concept if I am not clear enough is go to any car website like kbb.com. When you first select the company who makes your car, Honda for example, the next box over will bring up a list of all the cars Honda makes. Then when you choose the car, Accord for example, the next box will give you the option of the manual or automatic and so on. I am kind of looking for this functionally, but I need it to be where you can start with any box and no matter what you choose in the first box, it does not eliminate all other choices, just 1 or 2 from each box (based on the selection).

I know this is kind of hard to understand, it is even harder for me to describe. lol. If you can give me any help that would be wonderful, even if it is just a language this would be able to be accomplished in. I would really like there to be a web version for a website as well as a stand alone program to run on computers (this will probably be done in C# I am guessing).

Thank you so much,
Brian Stoiber

Hey all, I've been looking all over the net for a tutorail about this, but I can't seem to find one.

What I'm trying to do is make a drop-down box where you can select an option, press a submit button, and it'll open up a new window *or tab for firefox users* pertaining to that information, such as a site that I choose to link to it. This is the code I'm using for my option box

<div align="left">
<select name="xfer" size="1" style="color:000000;
background-color:226622; font-family:trebuchet ms;
font-size:11px; border:thin solid "ffffff;>
<option></option>
</select>
</div></form>

I'm totally stumped here. Any help would be greatly appreciated!

-Cheers, Billy

How exactly can I make a drop down box (<select>) make an iFrame load something else? So that the iFrame displays new information but stays on the same page

If this is not possible or to complicated how else could I do something of the same effect?

Hi, I am looking for some help with HTML forms, namely forms which mainly comprise of drop-down boxes.

I know how to create drop-down boxes in forms, though what I want is that each variable in the drop-down box should go to a different URL. For example, if someone selects "variable 1" and then clicks submit, it should go to a different URL than when they select "variable 2" and click submit. I have all the URL's, though I'm just not sure of how to make each variable go to a different URL.

Can someone help me out with this? If anyone knows of a site which has something similar like this can you please direct me to it so that I can look at he source? Thanks.

Hi all.

I've been updating a website that now has a list that is getting to big and takes up abit of scrolling.

Can anybody direct me to code that allows me create drop down boxes for each catagory that lists the html pages. When the user selects the page from within the drop down box it either goes straight to the page or they need to click "go".

Cheers.

Leroy

We are doing a website for our shop and need a place where our local dealers can come online and see what we have in stock. i need to have 4 drop down boxes:
1) rim size,
2)brand
3)offset
4)bolt pattern.

but they dont have to have all 4 criterias to seach so they can search all the 20 inch rims no matter what brand. i was thinking this is something similar to the one on cardomain.com (towards the middle of the left side. it says browse community and then has 2 boxes and a go button).

please advise. thank you

Why do the images in the background show through the drop in box on my site?

http://www.nomoreheartdiseaseandstrokes.com/

Should I put all the information within a table in the drop in box?

Thanks

Please help. This is what I have so far http://bartletagency.com/m/x2.php

Now, obviously with business cards there many different options. I need something to calculate on the side the total after picking each drop box option, or if easier, after hitting "calculate total." (preferably with the numbers in a table so I can make it appear by itself right underwear the send button) . Example: 1000 business cards in blue, say, would need to come up at 50 dollars if they pick 3-1, but if they pick 3-22 it needs to come up 60 dollars

if they pick the other color, green, and pick 3-1, the label would need to turn to $55.00, if they pick 3-2 with the color green the label would need to say $65.00

how can i do this please?

here is the code I have which made up the PHP file i linked you to above.


code:


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"
"http://www.w3.org/TR/REC-html40/loose.dtd">
<html>
<head>
<title>Lesson 3</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body>
<?php
if ($_SERVER['REQUEST_METHOD'] != 'POST'){
$me = $_SERVER['PHP_SELF'];
?>
<h1 align="center">Business Cards</h1>
<form name="form1" method="post" action="<?=$me?>">
<table border="0" align="center" cellpadding="5" cellspacing="0">
<tr>
<td align="right" valign="middle">Quantity:</td>
<td><select name="Quantity: ">
<option value="1000">1000</option>
<option value="2500">2500</option>
<option value="5000">5000</option>
<option value="10,000">10,000</option>

</select>
</td>
</tr>


<tr>
<td align="right" valign="middle">color</td>
<td><select name="color">
<option value="blue">blue</option>
<option value="green">green</option>

</select>
</td>
</tr>

<tr>
<td align="right" valign="middle">3</td>
<td><select name="3">
<option value="small">3-1</option>
<option value="medium">3-2</option>

</select>
</td>
</tr>


<tr>
<td> </td>
<td><input type="submit" name="Submit"
value="Send">
</td>
</tr>
</table>
</form>



<?php

} else {
error_reporting(0);
// initialize a array to
//hold any errors we encounter
$errors = array();
// test to see if the form was actually
// posted from our form
$page = $_SERVER['HTTP_HOST'].$_SERVER['PHP_SELF'];
if (!ereg($page, $_SERVER['HTTP_REFERER']))
$errors[] = "Invalid referer<br>\n";
// check to see if a name was entered

if (count($errors)>0) {
foreach($errors as $err)
echo "$err<br>\n";
echo "<br>Please use your browser's Back button to fix.";
} else {
// no errors, so we build our message
switch($_POST['color']){
case 'red':
$recipient = 'mathew420@gmail.com';
break;
case 'green':
$recipient = 'mathew420@gmail.com';
break;
case 'blue':
$recipient = 'mathew420@gmail.com';
break;
default:
$recipient = 'mathew420@gmail.com';
}
$subject = "Widget On Line Order";
$from = stripslashes($_POST['Name']);
$msg = "Message sent by $from\n";
$msg.="\nSize: ".$_POST['size'];
$options=$_POST['options'];
$msg.="\nOptions:";
if ($options)
for ($i=0;$i<count($options);$i++)
$msg.= "\n- $options[$i]";
else
$msg.="\n- None";
$msg.="\nColor: ".$_POST['color'];
$extension=($_POST['extension'])?"Extension: Yes":"Extension: No";
$wallmount=($_POST['wallmount'])?"Wallmount: Yes":"Wallmount: No";
$deskmount=($_POST['deskmount'])?"Deskmount: Yes":"Deskmount: No";
$msg.="\n$extension\n$wallmount\n$deskmount";
$msg.="\n".stripslashes($_POST['MsgBody'])."\n";
if (mail($recipient,$subject,$msg)){
echo "<p>Thanks for your order!</p>";
echo nl2br($msg);
} else
echo "An unknown error occurred.";
}
}
?>
</body>
</html>




thanks so much

I have a jpeg (1600 x 1600) and a "view port" on my html page that measures 400x400. Can I put the entire jpeg "behind: the viewport somehow and enable the user to drag it around so as to be able to see the whole thing (like on Google Maps)?

If there is an example somewhere of how to do this, could you point me to it?

Thanks,

JAS

The 'Drag AP Element' behavior allows one to click a floating div and move it around. There is also a setting that is supposed to bring the layer to the front when it is dragged and then it can be set to leave it on top or put it back (restore z-index) While this behavior works perfect in IE, it has a few quirks in Firefox. While the drag part works fine, Firefox will not bring the layer to the front - unless, as I just discovered, all the layers have the same z-index - which, in my current case, is a acceptable workaround. Drag AP still doesn't function at all in safari but thats a 'whole nother' thread

Please can someone help me with html code to align boxes in code below. Boxes are all out of line at the moment. I have read that it is best to create a table, however I am really new to html and not sure how to do that.

Thank you
James


HTML Code:

	<fieldset> 
<br> 
		<div> 
			<input type="hidden" name="sexuality" value="1"> 
		</div> 
		<div> 
			<label>I'm a:</label> 
			<select name="gender"> 
				<option value="1" selected>man looking for a woman</option> 
				<option value="2">woman looking for a man</option> 
			</select> 
		</div> 
		<div> 
<br>
			<label>First name:</label> 
			<input name="firstname" type="text"> 
		</div> 
		<div>
<br> 
			<label>D.O.B.:</label> 
			<select name="dobday"> 
				<option value="">Day</option> 
				<option value="1">01</option> 
				<option value="2">02</option> 
				<option value="3">03</option> 
				<option value="4">04</option> 
				<option value="5">05</option> 
				<option value="6">06</option> 
				<option value="7">07</option> 
				<option value="8">08</option> 
				<option value="9">09</option> 
				<option value="10">10</option> 
				<option value="11">11</option> 
				<option value="12">12</option> 
				<option value="13">13</option> 
				<option value="14">14</option> 
				<option value="15">15</option> 
				<option value="16">16</option> 
				<option value="17">17</option> 
				<option value="18">18</option> 
				<option value="19">19</option> 
				<option value="20">20</option> 
				<option value="21">21</option> 
				<option value="22">22</option> 
				<option value="23">23</option> 
				<option value="24">24</option> 
				<option value="25">25</option> 
				<option value="26">26</option> 
				<option value="27">27</option> 
				<option value="28">28</option> 
				<option value="29">29</option> 
				<option value="30">30</option> 
				<option value="31">31</option> 
			</select> 
			<select name="dobmonth"> 
				<option value="">Month</option> 
				<option value="1">January</option> 
				<option value="2">February</option> 
				<option value="3">March</option> 
				<option value="4">April</option> 
				<option value="5">May</option> 
				<option value="6">June</option> 
				<option value="7">July</option> 
				<option value="8">August</option> 
				<option value="9">September</option> 
				<option value="10">October</option> 
				<option value="11">November</option> 
				<option value="12">December</option> 
			</select> 
			<select name="dobyear"> 
				<option value="">Year</option> 
				<option value="1990">1990</option> 
				<option value="1989">1989</option> 
				<option value="1988">1988</option> 
				<option value="1987">1987</option> 
				<option value="1986">1986</option> 
				<option value="1985">1985</option> 
				<option value="1984">1984</option> 
				<option value="1983">1983</option> 
				<option value="1982">1982</option> 
				<option value="1981">1981</option> 
				<option value="1980">1980</option> 
				<option value="1979">1979</option> 
				<option value="1978">1978</option> 
				<option value="1977">1977</option> 
				<option value="1976">1976</option> 
				<option value="1975">1975</option> 
				<option value="1974">1974</option> 
				<option value="1973">1973</option> 
				<option value="1972">1972</option> 
				<option value="1971">1971</option> 
				<option value="1970">1970</option> 
				<option value="1969">1969</option> 
				<option value="1968">1968</option> 
				<option value="1967">1967</option> 
				<option value="1966">1966</option> 
				<option value="1965">1965</option> 
				<option value="1964">1964</option> 
				<option value="1963">1963</option> 
				<option value="1962">1962</option> 
				<option value="1961">1961</option> 
				<option value="1960">1960</option> 
				<option value="1959">1959</option> 
				<option value="1958">1958</option> 
				<option value="1957">1957</option> 
				<option value="1956">1956</option> 
				<option value="1955">1955</option> 
				<option value="1954">1954</option> 
				<option value="1953">1953</option> 
				<option value="1952">1952</option> 
				<option value="1951">1951</option> 
				<option value="1950">1950</option> 
				<option value="1949">1949</option> 
				<option value="1948">1948</option> 
				<option value="1947">1947</option> 
				<option value="1946">1946</option> 
				<option value="1945">1945</option> 
				<option value="1944">1944</option> 
				<option value="1943">1943</option> 
				<option value="1942">1942</option> 
				<option value="1941">1941</option> 
				<option value="1940">1940</option> 
				<option value="1939">1939</option> 
				<option value="1938">1938</option> 
				<option value="1937">1937</option> 
				<option value="1936">1936</option> 
				<option value="1935">1935</option> 
				<option value="1934">1934</option> 
				<option value="1933">1933</option> 
				<option value="1932">1932</option> 
				<option value="1931">1931</option> 
				<option value="1930">1930</option> 
				<option value="1929">1929</option> 
				<option value="1928">1928</option> 
				<option value="1927">1927</option> 
				<option value="1926">1926</option> 
				<option value="1925">1925</option> 
				<option value="1924">1924</option> 
				<option value="1923">1923</option> 
				<option value="1922">1922</option> 
				<option value="1921">1921</option> 
				<option value="1920">1920</option> 
				<option value="1919">1919</option> 
				<option value="1918">1918</option> 
				<option value="1917">1917</option> 
				<option value="1916">1916</option> 
				<option value="1915">1915</option> 
				<option value="1914">1914</option> 
				<option value="1913">1913</option> 
				<option value="1912">1912</option> 
				<option value="1911">1911</option> 
				<option value="1910">1910</option> 
				<option value="1909">1909</option> 
			</select> 
		</div> 
 
		<div> 
<br>
			<label>Email:</label> 
			<input name="email" type="text"> 
		</div> 
			
		<div> 
<br>			<label>Password:</label> 
			<input name="password" type="password" value=""> 
		</div> 
 
		<div>

I want to make a site similar to this:

www.joeyporter.com

You see how the middle has news and you scroll with it? How would I go about doing something like that?

Does Anyone Know How To get rid of the stupid boxes that appear to the right of the button gifs on my blogger template in IE?

http://whynotportland.blogspot.com/