De uitwerking

Een functionele hyperlink-analyser

De knop op deze pagina analyseert het aantal koppelingen op de pagina en presenteert het resultaat in een apart venster. Deze techniek kan handig zijn bij lange documenten en inhoudsopgaven.


oefening 5.1
oefening 7.1
oefening 7.2
Planet Internet
Amazon.com
Naar boven

De code

<html>
<head>
<title>Oefening 7.7: Een functionele hyperlink-analyser</title>
<script language="JavaScript">
<!--
function Analyze(){
  var string1;
  var string2;
  var link_tekst;
  var windowFeatures = 'width=600,height=400,toolbar=no,scrollbars=yes,menubar=yes';

  string1 = '<html><head><title>Analyse</title></head>';
  string1 += '<body bgcolor="ivory" text="maroon">';
  string1 += '<div align="center"><h2 align="center">Op de pagina \"';
  string1 += document.title;
  string1 += '\" zijn de volgende koppelingen aanwezig</h2><hr width="75%">';
  string1 +='Links :<b>'
  string1 += document.links.length;
  string1 +='</b><br>Anchors: <b>'
  string1 += document.anchors.length;
  string1 += '</b><br>';

  myWin = open('', 'venster2', windowFeatures);
  myWin.document.write(string1);

  //lus om alle links na te gaan
  string2 = '<form><input type="button" Value="Sluit Venster" onClick="self.close()"></form><hr width="75%"></div>';
  myWin.document.write(string2);

  for (var i=0; i < document.links.length; i++){
    link_tekst = document.links[i].href;
    myWin.document.write('Koppeling ', i, ': <a href="', link_tekst, '" target="_blank">', link_tekst, '</a><br>');
  }
  string2 = '</body></html>';
  myWin.document.write(string2);
  myWin.document.close();
}
//-->
</script>

</head>
<body>
<a name="top"><div align="center"></a>
<h2>Een functionele hyperlink-analyser</h2>
De knop op deze pagina analyseert het aantal koppelingen op de pagina en presenteert
het resultaat in een apart venster. Deze techniek kan handig zijn bij lange documenten
en inhoudsopgaven.
<hr width=50%>
<p>
<form name="formulier">
<input type=button value="Overzicht!" onClick="Analyze()">
</form>
<hr width=50%>
</div>
<a href="oef0501.html">oefening 5.1</a><br>
<a href="oef0701.html">oefening 7.1</a><br>
<a href="oef0702.html">oefening 7.2</a><br>
<a href="http://www.planet.nl/">Planet Internet</a><br>
<a href="http://www.amazon.com">Amazon.com</a><br>
<a href="#top">Naar boven</a><br>
</body>
</html>

Terug naar de vragen