Hej jakobdo
Okay, jeg kan godt se, at du har fat i noget af det rigtige. Det med .style.backgroundcolor havde jeg ikke rigtigt fanget. Jeg synes ellers jeg har brugt ubehageligt meget tid på at kigge på DOM modellen på www.w3schcools.com.
Jeg havde tænkt mig at ændre elementets .classname property for på den måde at gennemtvinge ændringen via CSS schema.
Det er måske ikke en acceptabel metode? Hvorfor ikke?
Okay, her er lidt uraffineret, rå og ubehøvlet kode:VisData.php:<?xml version="1.0" encoding="iso-8859-1"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "DTD/xhtml1-strict.dtd">
<html xmlns="
http://www.w3.org/1999/xhtml" xml:lang="da">
<link rel="stylesheet" type="text/css" href="Revider_stamdata.css" media="screen"/>
<head>
<title>Revider stamdata</title>
<div id="Overskrift">Revider stamdata</div>
<script type="text/javascript" src="Revider_stamdata.js">
</script>
</head>
<body>
<?php
$vnr = "222322";
$varenavn = "Iposonit 30 tabl";
$samlpk=10;
$grospk=100;
$hoejde=5;
$bredde=15;
$dybde=10;
$rund='checked';
?>
<div id="formdata">
<form name="stamdata" action="index.php" enctype="text/plain" method="post" onSubmit="return checkform()">
<div class="Varenavn">Vnr.: <?php echo $vnr ?></div>
<div class="Varenavn">Vare: <?php echo $varenavn ?></div>
<div class="inpdata">Apotekssampak: <?php echo "<input class='inpdata' type='text' name='samlpk' maxlength='7' size='5' onKeyPress='return numbersonly(this, event)' value='".$samlpk."'>"?></div>
<div class="inpdata">Grossistsampak.: <?php echo "<input class='inpdata' type='text' name='grospk' maxlength='7' size='5' onKeyPress='return numbersonly(this, event)' value='".$grospk."'>"?></div>
<div class="inpdata">Pakningsstørrelse (HxBxD)</div>
<div class="inpdata">
<?php echo "<input type='text' name='hoejde' maxlength='5' size='5' onKeyPress='return numbersonly(this, event)' value='".$hoejde."'>"?>
<?php echo "<input type='text' name='bredde' maxlength='5' size='5' onKeyPress='return numbersonly(this, event)' value='".$bredde."'>"?>
<?php echo "<input type='text' name='dybde' maxlength='5' size='5' onKeyPress='return numbersonly(this, event)' value='".$dybde."'>"?>
</div>
<div class="inpdata">Rund pakning?<?php echo "<input type='checkbox' name='rund' $rund>"?></div>
<input type="text" readonly="true" size="35" name="ErrorText" Id="ErrorText">
<input type="hidden" name="vnr" value="<?php echo $vnr ?>">
<div class="inpdata"><input type="submit" value="Send"> <input type="reset" value="Annuller"></div>
</form>
</div>
</body>
</html>
Revider_stamdata.js://<![CDATA[
function checkform()
{
var fejl;
var ErrTxt;
var FormElems;
fejl = false;
FormElems = document.forms["stamdata"];
// Tjek at samlpk feltet ikke er 0 (eller blank)...
if ((document.forms["stamdata"].elements["samlpk"].value == 0) || (document.forms["stamdata"].elements["samlpk"].value == ''))
{
document.forms["stamdata"].elements["samlpk"].classname="formerr";
fejl = true;
ErrTxt = "Sampak = 0!";
}
// Tjek at grospk feltet ikke er 0 (eller blank)...
if ((document.forms["stamdata"].elements["grospk"].value == 0) || (document.forms["stamdata"].elements["grospk"].value == ''))
{
document.forms["stamdata"].elements["grospk"].classname="formerr";
fejl = true;
if (ErrTxt == '')
ErrTxt = "Grospak = 0!";
else
ErrTxt = ErrTxt + ", Grospak = 0!";
}
// Tjek at grospk feltet ikke er mindre end samlpk feltet...
if (document.forms["stamdata"].elements["grospk"].value < document.forms["stamdata"].elements["samlpk"].value)
{
document.forms["stamdata"].elements["grospk"].classname="formerr";
document.forms["stamdata"].elements["samlpk"].classname="formerr";
fejl = true;
if (ErrTxt == '')
ErrTxt = "Grospak < Samlpk!";
else
ErrTxt = ErrTxt + ", Grospak < Samlpk!";
}
// Vis en evt. fejlmelding og returner svaret om submit skal gennemføres...
if (fejl == true)
{
//alert(ErrTxt);
FormElems.elements["ErrorText"].Value = ErrTxt;
return false;
}
else
return true;
};
// copyright 1999 Idocs, Inc.
http://www.idocs.com// Distribute this script freely but keep this notice in place
function numbersonly(myfield, e, dec)
{
var key;
var keychar;
if (window.event)
key = window.event.keyCode;
else if (e)
key = e.which;
else
return true;
keychar = String.fromCharCode(key);
// control keys
if ((key==null) || (key==0) || (key==8) ||
(key==9) || (key==13) || (key==27) )
return true;
// numbers
else if ((("0123456789").indexOf(keychar) > -1))
return true;
// decimal point jump
else if (dec && (keychar == "."))
{
myfield.form.elements[dec].focus();
return false;
}
else
return false;
};
//]]>
Revider_stamdata.css:#Overskrift {
color: blue;
text-align: left;
font-family: arial;
font-size: 16pt;
font-weight: bold
}
#formdata {
color: green;
text-align: left;
font-family: serif;
font-size: 10pt;
}
#ErrorText {
color: red;
text-align: left;
font-family: sans-serif;
font-size: 10pt;
outline-style: none;
border-style: none;
}
.Varenavn {
color: black;
text-align: left;
font-family: sans-serif;
}
.inpdata {
font-style: italic;
}
.formerr {
background-color: red;
color: white;
font-family: serif;
font-size: 10pt;
font-weight: bold;
}
