Archief - JS: Simpele JS maar het werkt niet

Het archief is een bevroren moment uit een vorige versie van dit forum, met andere regels en andere bazen. Deze posts weerspiegelen op geen enkele manier onze huidige ideeën, waarden of wereldbeelden en zijn op sommige plaatsen gecensureerd wegens ontoelaatbaar. Veel zijn in een andere tijdsgeest gemaakt, al dan niet ironisch - zoals in het ironische subforum Off-Topic - en zouden op dit moment niet meer gepost (mogen) worden. Toch bieden we dit archief nog graag aan als informatiedatabank en naslagwerk. Lees er hier meer over of start een gesprek met anderen.

enjoi

Legacy Member
Kan er iemand mij helpen met deze simpele code aub ?
Ik zit er al een uur op te staren maar het halt niks uit :(

Deze html verandert align van een tabledetail (left naar right) bij mouseover & mouseout, maar zou ook de kleur moeten veranderen (rood/blauw) wat dus niet gebeurt.
Hartelijk dank,
enjoi.

HTML:
<html>
<head></head>

<script type="text/javascript">
function TD_MouseOver(obj)
{
	obj.bgcolor="#FF0000";
	obj.align = "right";
}
</script>

<script type="text/javascript">
function TD_MouseOut(obj)
{
	obj.bgcolor="#0000FF";
	obj.align = "left";
}
</script>	

<body>

<TABLE border=2>
<TR>
<TD width=400 align=center onmouseover=TD_MouseOver(this) onmouseout=TD_MouseOut(this)>TEST</TD>
</TR>
</TABLE>

</body>
</html>

Ramm

Legacy Member
je zou al kunnen beginnen met aanhalingstekens te gebruiken waar ze nodig zijn

denk

Legacy Member
ook maar 1 scriptblok, toch best ;)

en idd: width="400" align="center" ...

passero

Legacy Member
is het niet bgColor ipv bgcolor?
JS is hoofdlettergevoelig hé
Ik weet dat ik inder tijd uren heb zitten zoeken op .innerHTML die ik als .innerHtml schreef....

Lashknife

Legacy Member
what about valid coding? css? afstappen van verouderde html 4?
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<meta name="Author" content="Lashknife" />
<title>Untitled Document</title>
<script type="text/javascript">
<!--
function TD_MouseOver(obj) {
	with (obj.style) {
		backgroundColor = "#ff0000";
		textAlign = "right";
	}
}
function TD_MouseOut(obj) {
	with (obj.style) {
		backgroundColor = "#0000ff";
		textAlign = "left";
	}
}
//-->
</script>
<style type="text/css">
</style>
</head>

<body>
<table style="border: 2px">
<tr>
<td style="width:400px;text-align:center" onmouseover="TD_MouseOver(this)" onmouseout="TD_MouseOut(this)">TEST</td>
</tr>
</table>
<!--<div><a href="http://validator.w3.org/check?uri=referer">Valid XHTML 1.1!</a> <a href="http://jigsaw.w3.org/css-validator/check/referer">Valid CSS!</a></div>-->
</body>
</html>

SkylarK

Legacy Member
functions die ge called steekt ge normaal in uwen head
en de rest is al gezegd: tags + bgColor
dit zou moeten werken
HTML:
edit: pak da van lashknife maar

enjoi

Legacy Member
passero zei:
is het niet bgColor ipv bgcolor?
JS is hoofdlettergevoelig hé
Ik weet dat ik inder tijd uren heb zitten zoeken op .innerHTML die ik als .innerHtml schreef....

Yep da is het !
stomweg bgcolor => bgColor en het werkt !!!
Allemaal wreed bedankt !!!
Het archief is een bevroren moment uit een vorige versie van dit forum, met andere regels en andere bazen. Deze posts weerspiegelen op geen enkele manier onze huidige ideeën, waarden of wereldbeelden en zijn op sommige plaatsen gecensureerd wegens ontoelaatbaar. Veel zijn in een andere tijdsgeest gemaakt, al dan niet ironisch - zoals in het ironische subforum Off-Topic - en zouden op dit moment niet meer gepost (mogen) worden. Toch bieden we dit archief nog graag aan als informatiedatabank en naslagwerk. Lees er hier meer over of start een gesprek met anderen.
Terug
Bovenaan