Anchor Tags in tabbed HTML data page

[Heineperson]

Hello,

I have created a tabbed HTML data page with 5 channels. In one channel, I have a wordpress page with many data pages embedded. I would like to use anchor tags so that when the user submits a form or updates a table - they are redirected to the same part of the page (which is within the tabbed HTML iframe). In the past, I have addressed the problem by adding the following code to the header of data pages embedded in weebly or wordpress pages: 

<script>
window.location.href ="#AnchorTag";
</script>

However, this method does not seem to work in the case (I suspect because the page is inside of an iframe?). Do you have any suggestions on how I might fix this problem?

Thanks,

Katie

[Franchiser]

I guess the reason it is not working because the anchor  is hardcoded. The proper way use anchor with iframe is to incorporate the frame.

Here's an example:

Use this in HTML Block:
<a href="#" onclick="iframeRedirect()">Click Here</a>
<iframe id="myiframe" src=""></iframe>

 

Place this in footer:

<script>
    function iframeRedirect(event)
    {
        var iframe = document.getElementById('myiframe');
        iframe.src = "http://something.com/blog.php#anchor";
    }
</script>