I need to maek a form for my company's website.
all dropdown lists.
<select><option> etc... is easy enough
but they want the dropdowns to disable until you select a previous one
and I need some way to actively check their values so it can spit out an answer in a text box lower on the page.
oh god x_x;;
I think the method is called 'auto populating', maybe that can help you search it better.
also it would be easier (fer ropette) if you went ahead and outlined the form.
--Drop Down 1
---Dog (if selected jump to Drop Down 3)
---Cat (if selected jump to Drop Down 2)
--Drop Down 2
---hair ball
---cats are gay
--Drop Down3
---Dogs rule
---Nightwolf eats dogs
and so on
and I dont think its only going to be HTML
me either.
it's like...
option 1 <selection options>
option 2 <selection options>
option 3 <selection options>
option 4 <selection options>
option 5 <selection options>
text box with results based on 1-5
and 2 needs to change based on 1 and 3 needs to change based on 2
x_x;;
Use javascript and an onChange="YourCheckFunction()" to change the values.
<script language="Javascript">
function NAMformchange()
{
if(namform.IPrefer.value == "3")
{
//They changed the select to cocks, they must like penises
namform.ILike.value = "penises";
}
else if(namform.IPrefer.value == "0")
{
//No pref, empty it
namform.ILike.value = "";
}
}
</script>
<form name="namform" action="namckor.com/vulgar.php" method="post" enctype="application/x-www-form-urlencoded">
<select name="IPrefer" onChange="NAMformchange()">
<option value="0" selected>Nothing</option>
<option value="1">Butt</option>
<option value="2">Vagina</option>
<option value="3">Cocks</option>
</select>
<input name="ILike" type="text" value="" size="5" maxlength="50">
</form>
how about the changing the 2 and 3?
is there a function for adding selections that I could call on change?
edit: maybe onChange of 1-4 I could mess around and just re-write the HTML of the div that the form is in?
this is pretty sweet:
http://css-tricks.com/examples/SeminarRegTutorial/
Quote from: Noumes on February 11, 2009, 07:50:10 PM
this is pretty sweet:
http://css-tricks.com/examples/SeminarRegTutorial/
yeah, too bad my boss hates cool stuff like that
Tell him to piss off, then. :V
Anyways, I can still click the step 2 when I haven't done step 1 yet. D:
Quote from: NAMKCOR on February 11, 2009, 08:26:26 PM
Quote from: Noumes on February 11, 2009, 07:50:10 PM
this is pretty sweet:
http://css-tricks.com/examples/SeminarRegTutorial/
yeah, too bad my boss hates cool stuff like that
thats in this months issue of .net magazine(practical web design for you americans) the developer guides you through creating it :D
Quote from: ahref on February 12, 2009, 12:05:32 AM
Quote from: NAMKCOR on February 11, 2009, 08:26:26 PM
Quote from: Noumes on February 11, 2009, 07:50:10 PM
this is pretty sweet:
http://css-tricks.com/examples/SeminarRegTutorial/
yeah, too bad my boss hates cool stuff like that
thats in this months issue of .net magazine(practical web design for you americans) the developer guides you through creating it :D
I know :D
long code is long
function formchange() {
if(Aspen_Selector.Manufacturer.value == "1") {
//----------------
//Chigo
//----------------
BTU = parseFloat(Aspen_Selector.BTU.value);
if(BTU == 9000) {
if(Aspen_Selector.Voltage.value == "1") {
if(Aspen_Selector.Installation.value == "1") {
Feet = parseFloat(Aspen_Selector.Feet.value);
if(Feet >= 0 && Feet <= 26) {
alert("ASP-ML-115");
} else if(Aspen_Selector.Feet.value >= "27" && Aspen_Selector.Feet.value <= "49") {
} else {
}
} else if(Aspen_Selector.Installation.value == "2" || Aspen_Selector.Installation.value == "3") {
if(Aspen_Selector.Feet.value >= "0" && Aspen_Selector.Feet.value <= "26") {
} else if(Aspen_Selector.Feet.value >= "27" && Aspen_Selector.Feet.value <= "65") {
} else {
}
} else if(Aspen_Selector.Installation.value == "4") {
if(Aspen_Selector.Feet.value >= "0" && Aspen_Selector.Feet.value <= "33") {
}
} else {
}
} else {
}
} else if(Aspen_Selector.BTU.value == "12000") {
if(Aspen_Selector.Voltage.value == "1") {
if(Aspen_Selector.Installation.value == "1") {
if(Aspen_Selector.Feet.value >= "0" && Aspen_Selector.Feet.value <= "26") {
} else if(Aspen_Selector.Feet.value >= "27" && Aspen_Selector.Feet.value <= "49") {
} else {
}
} else if(Aspen_Selector.Installation.value == "2" || Aspen_Selector.Installation.value == "3") {
if(Aspen_Selector.Feet.value >= "0" && Aspen_Selector.Feet.value <= "26") {
} else if(Aspen_Selector.Feet.value >= "27" && Aspen_Selector.Feet.value <= "65") {
} else {
}
} else if(Aspen_Selector.Installation.value == "4") {
if(Aspen_Selector.Feet.value >= "0" && Aspen_Selector.Feet.value <= "33") {
}
} else {
}
} else {
}
} else if(Aspen_Selector.BTU.value == "18000") {
if(Aspen_Selector.Voltage.value == "1") {
if(Aspen_Selector.Installation.value == "1") {
if(Aspen_Selector.Feet.value >= "0" && Aspen_Selector.Feet.value <= "26") {
} else if(Aspen_Selector.Feet.value >= "27" && Aspen_Selector.Feet.value <= "49") {
} else {
}
} else if(Aspen_Selector.Installation.value == "2" || Aspen_Selector.Installation.value == "3") {
if(Aspen_Selector.Feet.value >= "0" && Aspen_Selector.Feet.value <= "26") {
} else if(Aspen_Selector.Feet.value >= "27" && Aspen_Selector.Feet.value <= "65") {
} else {
}
} else if(Aspen_Selector.Installation.value == "4") {
if(Aspen_Selector.Feet.value >= "0" && Aspen_Selector.Feet.value <= "33") {
}
} else {
}
} else {
}
} else if(Aspen_Selector.BTU.value == "24000") {
if(Aspen_Selector.Voltage.value == "1") {
if(Aspen_Selector.Installation.value == "1") {
if(Aspen_Selector.Feet.value >= "0" && Aspen_Selector.Feet.value <= "26") {
} else if(Aspen_Selector.Feet.value >= "27" && Aspen_Selector.Feet.value <= "49") {
} else {
}
} else if(Aspen_Selector.Installation.value == "2" || Aspen_Selector.Installation.value == "3") {
if(Aspen_Selector.Feet.value >= "0" && Aspen_Selector.Feet.value <= "26") {
} else if(Aspen_Selector.Feet.value >= "27" && Aspen_Selector.Feet.value <= "65") {
} else {
}
} else if(Aspen_Selector.Installation.value == "4") {
if(Aspen_Selector.Feet.value >= "0" && Aspen_Selector.Feet.value <= "33") {
}
} else {
}
} else {
}
} else {
}
} else if(Aspen_Selector.Manufacturer.value == "2") {
} else if(Aspen_Selector.Manufacturer.value == "3") {
} else if(Aspen_Selector.Manufacturer.value == "4") {
} else if(Aspen_Selector.Manufacturer.value == "5") {
} else if(Aspen_Selector.Manufacturer.value == "6") {
}
}
there's the JS I'm working on for it.
here's the HTML
<form name="Aspen_Selector">
Manufacturer:
<select name="Manufacturer" onChange="formchange()">
<option value="0"></option>
<option value="1">Chigo</option>
</select>
<br />
<br />
BTU/Hr: <input type="text" name="BTU" size="14" onChange="formchange()"/>
<br />
<br />
Voltage:
<select name="Voltage" onChange="formchange()">
<option value="0"></option>
<option value="1">115v</option>
<option value="2">230v</option>
<option value="3">24v</option>
</select>
<br />
<br />
Installation Type:
<select name="Installation" onChange="formchange()">
<option value="0"></option>
<option value="1">Side Entry Surface w/elbow</option>
<option value="2">Side Entry Eurface Straight</option>
<option value="3">Rear Entry</option>
<option value="4">Exposed Pump installation</option>
</select>
<br />
<br />
Feet off Head: <input type="text" name="Feet" size="14" onChange="formchange()"/>
<input type="button" value="Submit" onclick="formchange()" />
</form>
it's not working ;o;
what am I doing wrong?
if you were to select 'Chigo', 9000btu's, 115 volts, Side Entry Surface w/elbow Installation, and 0-26 feet off head, it shoud pop up an alert with "ASP-ML-115"
edit: it works in IE but not firefox?
I'm going to bump this because I still cant figure out what's wrong. :tpg:
edit: it's not the javascript, because all the rest of the site's javascript works fine.
somehow it's the form, but roph's works fine, and I can't see what I'm doing different.
other than using onclick of the button instead of onchange of the lists...which...
doesn't work either.