<!DOCTYPE html>
<head>
<link rel="stylesheet" type="text/css" href="link-highlight-style.css">
<script src="link-highlight-helper.js"></script>
<style>
body { font-family: sans-serif };
</style>
</head>
<body onLoad="runTest()">
<div id="divToControlCompositing" style="">
<a href="">Link 1</a><br>
<a href="">Link 2</a><br>
<a href="">Link 3</a><br>
<a href="" class="activeLink" id="targetLink">Target Link.</a><br>
<a href="">Link 4</a><br>
<a href="">Link 5</a><br>
<a href="">Link 6</a><br>
<a href="">Link 7</a><br>
<a href="">Link 8</a><br>
<a href="">Link 9</a><br>
<a href="">Link A</a><br>
<a href="">Link B</a><br>
<a href="">Link C</a><br>
<a href="">Link D</a><br>
<a href="">Link E</a><br>
<a href="">Link F</a><br>
</div>
<script>
function runTest() {
createCompositedHighlight(document.getElementById('targetLink'));
}
</script>
</body>
</html>