jap geht immernoch um den!.
ok hier mal ein grober ausschnitt des problems:
<FORM method="post" action="index.php?section=Auftragen&do=senden">
<TABLE border="0" align="center" width="550px" cellpadding="0" cellspacing="0">
<TR>
<TD>*</TD>
<TD>VORNAME:</TD>
<TD><INPUT type="text" size="25" name="vorname" onchange="vorname()"></TD>
</TR>
<TR>
<TD></TD>
<TD>AUSGEFÜLLTE PFLICHTFELDER:</TD>
<TD><DIV style="height:20px;width:170px; float:left;"><INPUT type="text" name="fb" style="height:20px; width:<?php if(isset($_GET['paket']) AND isset($paket[$_GET['paket']])) { echo '12.5%'; } else { echo '0%'; }?>; background-Color:red; border:0px;" readonly></DIV><INPUT type="text" style="color:red;" value="<?php if(isset($_GET['paket']) AND isset($paket[$_GET['paket']])) { echo '12.5%'; } else { echo '0%'; }?>" name="fb" size="5" style="border:0px;float:left; height:20px;background:transparent;color:blue;" readonly></TD>
</TR>
<TR>
<TD></TD>
<TD><INPUT type="submit" value="SENDEN" name="senden" onMouseOver="senden()"/></TD>
<TD></TD>
</TR>
</TABLE>
</FORM>
und hier die JS:
function vorname() {
if(document.getElementsByName("vorname")[0].value != "" && vn == 0) {
n = n + 1;
vn = 1;
} else if(document.getElementsByName("vorname")[0].value == "" && vn == 1) {
n = n - 1;
vn = 0;
}
document.getElementsByName("fb")[0].style.width = n*12.5 + "%";
document.getElementsByName("fb")[1].value = n*12.5 + "%";
if(document.getElementsByName("fb")[0].style.width == "0%") {
document.getElementsByName("fb")[0].style.backgroundColor = "red";
document.getElementsByName("fb")[1].style.color = "red";
} else if(document.getElementsByName("fb")[0].style.width == "50%") {
document.getElementsByName("fb")[0].style.backgroundColor = "orange";
document.getElementsByName("fb")[1].style.color = "orange";
} else if(document.getElementsByName("fb")[0].style.width == "75%") {
document.getElementsByName("fb")[0].style.backgroundColor = "#0000FF";
document.getElementsByName("fb")[1].style.color = "#0000FF";
} else if(document.getElementsByName("fb")[0].style.width == "100%") {
document.getElementsByName("fb")[0].style.backgroundColor = "green";
document.getElementsByName("fb")[1].style.color = "green";
}
}
function senden() {
if(document.getElementsByName("fb")[0].style.width != "100%") {
alert("SIE HABEN NOCH NICHT ALLE PFLICHTFELDER AUSGEFÜLLT");
}
}