<html>
<head>
<title>Oefening 7.2: testen welke browser wordt gebruikt</title>
<script language="JavaScript">
<!--
var kleurBody;
// op de Quick and Dirty manier:
if (document.all){
// Internet Explorer
kleurBody = '<body bgcolor="Navy" text="White">';
}
else{
// Netscape Navigator
kleurBody = '<body bgcolor="White" text="Navy">';
}
/* Op de `nette' manier zou het er als volgt uit kunnen zien:
var agent = navigator.userAgent;
if (agent.indexOf("MSIE") != -1){
// Internet explorer
kleurBody = '<body bgcolor="Navy" text="White">';
}
else{
// Netscape Navigator
kleurBody = '<body bgcolor="White" text="Navy">';
}
*/
function maakRij(data1, data2){
var rijString = '<tr><td>';
rijString += data1;
rijString += '</td><td>';
rijString += data2;
rijString += '</td></tr>';
return rijString;
}
function eigenschappen(){
var string1;
var string2;
var windowFeatures='width=600,height=500,toolbar=no,scrollbars=yes,menubar=no'
string1 = '<html><head><title>Eigenschappen</title></head>';
string1 += kleurBody;
string1 += '<h2 align="center">Eigenschappen van
deze pagina</h2>';
string1 += '<div align=center>';
string1 += '<table border=1 cellpadding=5>';
string1 += '<tr><th>Eigenschap</th><th>Waarde</th></tr>';
myWin= window.open('', 'eigenschappen', windowFeatures);
myWin.document.write(string1);
myWin.document.write(maakRij('Achtergrondkleur', document.bgColor));
myWin.document.write(maakRij('Voorgrondkleur', document.fgColor));
myWin.document.write(maakRij('Kleur van de links', document.linkColor));
myWin.document.write(maakRij('Kleur van actieve links', document.alinkColor));
myWin.document.write(maakRij('Kleur van gevolgde links', document.vlinkColor));
myWin.document.write(maakRij('Titel van deze pagina', document.title));
myWin.document.write(maakRij('Datum laatste wijziging', document.lastModified));
myWin.document.write(maakRij('Lokatie', document.URL));
if (document.referrer != '')
myWin.document.write(maakRij('Document.referrer', document.referrer));
else
myWin.document.write(maakRij('Document.referrer', 'Leeg
!'));
string2 = '</table>';
string2 += '<form><input type="button" Value="Sluit
Venster" onClick="self.close()"></form>';
string2 += '</div></body></html>';
myWin.document.write(string2);
myWin.document.close();
}
//-->
</script>
</head>
<body bgcolor="Navy" text="White" link="Fuchsia"
vlink="Green" alink="Red">
<p class="title-bar">De uitwerking</p>
<div align="center">
<h2>Bekijk de eigenschappen van deze pagina</h2>
<hr width=50%>
<form>
<input type=button value="Eigenschappen" onClick="eigenschappen()">
</form>
<hr width=50%>
</div>
</body>
</html>