The code I show below is just sample, non working, to see if you can help with target naming conventions. I just can't seem to understand how you name the target. The actual code nicely creates a tabset on the page and all I'm trying to do is have the click event on a given tab open the URL desired in the tabpage corresponding to the tab selected. It seems like it would be so simple, but nothing I've tried for a target(including _parent, _self etc.) works and I can't find any examples of how naming conventions work for specific target locations in a document.
<!DOCTYPE html>
<html>
<head>
<title>Networks</title>
<script>
function open_tp1()
{
window.open("http://www.ficticious1.com","#tabpage_1") //What is the target name to use insead of #tabpage_1
}
function open_tp2()
{
window.open("http://www.ficticious2.com","#tabpage_2") //What is the target name to use insead of #tabpage_2
}
</script>
</head>
<body>
<script src="tabs-soc.js"></script>
<form id="form1" name="form1">
<div id="wrapper" style="width: 934px">
<div id="tabContainer" style="width: 903px">
<div id="tabs">
<ul>
<li id="tabHeader_1">
<img src="image1.png" alt="Image1" onclick="open_tp1()" /></li>
<li id="tabHeader_2">
<img src="image2.png" alt="Image2" onclick="open_tp2()" /></li>
</ul>
</div>
<div id="tabscontent">
<div class="tabpage" id="tabpage_1">
</div>
<div class="tabpage" id="tabpage_2">
</div>
</div>
</div>
</div>
</form>
</body>
</html>