noomz/visited-link.html

## visited-link.html
<!doctype html>
<html>
  <head>
    <title>Test :visited</title>
    <style>
      a:link { color: blue }
      a:visited { color: red }
    </style>
  </head>
  <body>
    <p>Further information: http://bhavin.directi.com/using-javascript-to-read-a-users-browser-history/</p>
    <p>
    <a href="http://google.com">Google</a>
    <a href="http://adobe.com">Adobe</a>
    <a href="http://canon.com">Canon</a>
    <div id="result"></div>
    </p>
    <script>
      /**
       * @see http://www.quirksmode.org/dom/getstyles.html
       */
      function getStyle(el, styleProp) {
        var x = el;
        if (x.currentStyle)
          var y = x.currentStyle[styleProp];
        else if (window.getComputedStyle)
          var y = document.defaultView.getComputedStyle(x,null).getPropertyValue(styleProp);
        return y;
      }

      function shout() {
        var result = document.getElementById('result');
        var a_s = document.getElementsByTagName('a');
        for (i in a_s) {
          var color = getStyle(a_s[i], 'color');
          if (color == 'rgb(255, 0, 0)') {
            result.innerHTML += a_s[i].innerHTML + ' : visited<br>';
          }
          else {
            result.innerHTML += a_s[i].innerHTML + ' : Not yet<br>';
          }
        }
      }

      window.onload = shout;
    </script>
  </body>
</html>
	<!doctype html>
	<html>
	<head>
	<title>Test :visited</title>
	<style>
	a:link { color: blue }
	a:visited { color: red }
	</style>
	</head>
	<body>
	<p>Further information: http://bhavin.directi.com/using-javascript-to-read-a-users-browser-history/</p>
	<p>
	<a href="http://google.com">Google</a>
	<a href="http://adobe.com">Adobe</a>
	<a href="http://canon.com">Canon</a>
	<div id="result"></div>
	</p>
	<script>
	/**
	* @see http://www.quirksmode.org/dom/getstyles.html
	*/
	function getStyle(el, styleProp) {
	var x = el;
	if (x.currentStyle)
	var y = x.currentStyle[styleProp];
	else if (window.getComputedStyle)
	var y = document.defaultView.getComputedStyle(x,null).getPropertyValue(styleProp);
	return y;
	}

	function shout() {
	var result = document.getElementById('result');
	var a_s = document.getElementsByTagName('a');
	for (i in a_s) {
	var color = getStyle(a_s[i], 'color');
	if (color == 'rgb(255, 0, 0)') {
	result.innerHTML += a_s[i].innerHTML + ' : visited<br>';
	}
	else {
	result.innerHTML += a_s[i].innerHTML + ' : Not yet<br>';
	}
	}
	}

	window.onload = shout;
	</script>
	</body>
	</html>