I have the folowing code:
<script>
function open_win1()
{
window.open("http://www.dekentering.info/PaginaActiviteiten.html", "_self");
}
</script>
<section id="Aankondiging">
<div onclick="open_win1()">
<table width="100%" border="0">
<tr>
<td class="TekstNieuwsvak" align="left"><p> </p><font color="#FFFFFF">Komende cursussen:<br><br>
<font color="#FFFFFF"><a href="PaginaActiviteiten.html#WRAP" target="_self">WRAP</a><br>
<font color="#FFFFFF"><a href="PaginaActiviteiten.html#WMEE" target="_self">WMEE</a><br>
<font color="#FFFFFF"><a href="PaginaActiviteiten.html#Herstelwerkgroep" target="_self">Herstelwerkgroep</a><br><br>
<font color="#0066CC">Meer informatie...</font><br><br></td>
</tr>
</table>
</div>
</section>
The whole section is clickable and the function opens a new page.
However in this section I have "sublinks" and how I want it to work is that when a link is clicked (see bold text) the page should open on it's anchor p.e. #WRAP #WMEE #Herstelwerkgroep
But this doesn't do what it should.
The click on the sublinks are treated the same way as clicking on the whole section.
My question is: How can I give the click on the "sublinks" priority on the click on the whole section?