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> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title></title> <link href="style.css" rel="stylesheet" type="text/css" /> <script type="text/javascript" src="content.js"/> </head> <body> <div id="container"> <div id="header"> Download Center - AlphenWeer.nl </div> <div id="menu"> <a href="#" class="menu" onclick="contenthome();">Home</a> - <a href="#" class="menu" onclick="contentawoframe();">AWO Frame!</a> - <a href="#" class="menu" onclick="contenttoolbar();">Toolbar</a> - <a href="#" class="menu" onclick="contentgadgets();">Vista / 7</a> </div> <div class="content"> <p id="pinner"> Content </p> </div> <div id="container1"> <div id="footer"> <br/> <br/> © <a href="http://www.alphenweer.nl/">AlphenWeer.nl</a> </div> </div> </body> </html>
Code:
var home = 'Welkom op de home pagina';
var awoframe = 'Pagina AlphenWeerOnline Frame';
var toolbar = 'Pagina toolbar';
var gadgets = 'Pagina Gadgets';
function contenthome(){
document.getElementById('pinner').innerHTML = home;
}
function contentawoframe(){
document.getElementById('pinner').innerHTML = awoframe;
}
function contenttoolbar(){
document.getElementById('pinner').innerHTML = toolbar;
}
function contentgadgets(){
document.getElementById('pinner').innerHTML = gadgets;
}
Comment