Javascript: Css background veranderen met prompt

Status
Niet open voor verdere reacties.
B

boswottels

Gebruiker
Lid geworden
17 feb 2010
Berichten
49
Hoi,

Ik wil met een javascript code de mogelijkheid geven om een kleur in te voeren en dan de achtergrond van mijn div te veranderen. Nu heb ik al even gezocht op het internet, maar ik kan niet iets vinden waar ik iets mee kan( als beginner).

De div die ik wil veranderen heet body.

Zouden jullie mij op weg kunnen helpen?



Code: 
<script type="text/javascript" href="default.css">

var Kleur = window.prompt("Type hier je lievelingskleur");

document.getElementById('body').style.backgroundColor = Kleur;

</script>
 
Code: 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<link type='text/css' rel='StyleSheet' media='screen' href='default.css'/>
<script type="text/javascript"><!--
	function startApp() {
		var Kleur = window.prompt("Type hier je lievelingskleur (engelse naam)");
		document.getElementById('content').style.backgroundColor = Kleur;
	}
-->
</script>
</head>
 
<body onload="startApp()">
	<div id="content">test</div>
</body>
</html>
 
Yes; en als het om de <body> zelf gaat, moet het worden:
[JS]function startApp() {
var Kleur = window.prompt("Type hier je lievelingskleur (engelse naam)");
document.getElementsByTagName('body')[0].style.backgroundColor = Kleur;
}[/JS]
De [0] betekent hierin: de eerste keer dat de TagName 'body' op de pagina staat. Als het goed is, is er natuurlijk maar één <body>, maar de [0] moet er toch bij.
Met vriendelijke groet,
CSShunter
 
Status
Niet open voor verdere reacties.
                    Steun ons                    

Nieuwste berichten

Terug
Bovenaan Onderaan