Open Window + iFrame Anchor

[::bluemoth::]

I've got a popup html page called june.html with an iframe called list, which contains anchors 01 - 30.

I'm using the following to open june.html, but cannot link to anchor 30, or any other anchors:

<a href="events/june.html#30" target="list" onclick="NewWindow(this.href,'June','456','300','no','center');return false" class=event>30</a>

The function for the above is as follows:

function NewWindow(mypage,myname,w,h,scroll,pos){
if(pos=="random"){LeftPosition=(screen.width)?Math.floor(Math.random()*(screen.width-w)):100;TopPosition=(screen.height)?Math.floor(Math.random()*((screen.height-h)-75)):100;}
if(pos=="center"){LeftPosition=(screen.width)?(screen.width-w)/2:100;TopPosition=(screen.height)?(screen.height-h)/2:100;}
else if((pos!="center" && pos!="random") || pos==null){LeftPosition=0;TopPosition=20}
settings='width='+w+',height='+h+',top='+TopPosition+',left='+LeftPosition+',scrollbars='+scroll+',location=no,directories=no,status=no,menubar=no,toolbar=no,resizable=no';
win=window.open(mypage,myname,settings);}

Any help would be really appreciated, as this seems impossible.

[Mr J]

It is possible but you only mention the page loading into the popup window, what about the page loading into the Iframe?

[Kor]

...return false prevents the #name positioning... maybe you must use:

<a href ="javascript:void(NewWindow('events/june.html#30','June','456','300','no','center');return true)" class=event>30</a>

Note: remove the space between java and script (as this forum splits this word for unknown reasons )

[::bluemoth::]

Thanks for the replies.

Originally posted by Kor
<a href ="javascript:void(NewWindow('events/june.html#30','June','456','300','no','center');return true)" class=event>30</a>

Should have mentioned that, the return false is necessary, as I want the link to also work for people without javascript. That is why I'm putting all the popup settings in an onClick event.

I'm still having trouble doing this without the javascript though, so something is amiss with referencing.

Originally posted by Mr J
It is possible but you only mention the page loading into the popup window, what about the page loading into the Iframe?

My understanding of iFrames is that you link to an anchor within it, by referencing the iFrame by id, and not the .html that the anchors reside within!?. If I've got that wrong, then I could really appreciate some help understanding how I need to reference the following path: window > iframe > html > anchor, as I have absolutely no idea.

You also mention "It is possible" . . . have you ever seen this been done? I'd be very grateful for 'confirmation' on this, as I have never come across this.

Any help, or other suggestions are very much welcomed.

[Mr J]

Are these anchors in june.html or the document in the iframe name list

[::bluemoth::]

Pardon my lack of accurate detail . . . the anchors reside within an iframe called list, which itself resides within june.html - the NewWindow I'm calling.

[Mr J]

Take a look at the attached files to see if I am on the right track here

Open pop_main.htm and then select one of the links

[::bluemoth::]

Thanks Mr J.

Ineed that is exactly what I'm after. However, as you've illustrated, it needs help from javascript in order to actually work.

But thank you very much for your help.

[dubmecrazy]

Mr J, or anyone who knows how to do a very similar thing.

I have 2 iframes in one web page. I am trying to get the links from the left iframe to load a webpage into the right side iframe to a specific named anchor. It loads the webpage alright but it will not go to any anchors. However, if I refresh my browser, it then goes to the specified anchor.

Left iframe code:

<iframe frameborder="0" 
			  border="3" 
			  width="200" 
			  height="200" 
			  src="sites.htm" 
			  name="menu" 
			  scrolling="auto" 
			  MARGINWIDTH="5"
			  MARGINHEIGHT="5"
			  align="middle"; 
			  background-color="transparent" 
			  allowtransparency="true" 
			  style="filter:chroma (color=CCCCCC)">
			  </iframe>

Right iframe code:

<iframe frameborder="1" 
			  border="4" 
			  width="200" 
			  height="300" 
			  src="thumbs.htm" 
			  name="thumbframe" 
			  id="tf1"
			  scrolling="auto" 
			  MARGINWIDTH="5"
			  MARGINHEIGHT="5"
			  align="middle"; 
			  background-color="transparent" 
			  allowtransparency="true" 
			  style="filter:chroma (color=CCCCCC)">
			  </iframe>

Link to webpage and anchor to show up in right iframe:

<a href="thumbs.htm#gx" target="thumbframe">

Named anchor in thumbs.htm page:

<a name="gx"></a>

Heres a mess of code I was tooling around with to no avail. In case you can't tell, Im a javascript retard:
window.location.hash="#sample";

parent.document.getElementById('tf1').document.location.href = 'thumbs.htm#avs'"; 
<a href="javascript:parent.window.document.location.href = 'thumbs.htm#pop';" target="thumbframe">
<a href="javascript:parent.location.href = 'thumbs.htm#avs';" target="thumbframe">
<a href="javascript:parent.window.document.location.href = 'thumbs.htm#avs';>
<a href="thumbs.htm#" onClick="javascript:parent.window.location.reload();" target="thumbframe">
<a href="thumbs.htm#bossa" "javascript:parent.window.document.location.reload();" target="thumbframe">

<A HREF="javascript: void 0" ONCLICK="window.frames.thumbbox.location.href = 'thumbs.htm#avs'">

<a href="#" 
onclick="parent.frames['thumbframe'].location.href = 
'http://www.google.com/'; return false;">

<a href="javascript:changeFramePage('thumbframe','thumbs.htm#avs')">Load  Yahoo</a> 
<a href="#" onclick="parent.document.getElementById('tf1').document.location.href = 'thumbs.htm#avs"; return false;">

<A HREF="javascript: void 0" ONMOUSEOVER="window.frames.thumbframe.location.href = 'thumbs.htm#bossa'">

It seems like such a simple and practical task. I have been on every forum for more than a day and have yet to find a clue.

Thank you in advance.

[pj59]

Hello!

Mozilla does not show the behaviour you are having that problem with. In IE you might use a javascript workaround to overcome it. Put this script into the head section of your sites.htm:

PHP Code:

<script language="JavaScript" type="text/javascript">
<!--
var IE=(document.all);
function scrollToAnchor(where){
scrollY=parent.frames['thumbframe'].document.getElementById(where).offsetTop;
parent.frames['thumbframe'].scrollTo(0,scrollY);
}
//-->
</script>


Your links could then look like this:

<a href="thumbs.htm#gx" target="thumbframe" onmouseup="if(IE)scrollToAnchor(this.href.split('#')[1]);">goto gx</a>

<a href="thumbs.htm#avs" target="thumbframe" onmouseup="if(IE)scrollToAnchor(this.href.split('#')[1]);">goto avs</a>

etc....

The only other thing to do is to assign ids to the anchors in your thumbs.htm which are the same like their names. Example:

<a name="gx" id="gx"></a>

This will do the job (provided that js is available in the user's browser). If you have links which open a different file in which you also want to use this function it may become necessary to delay the execution of the function to avoid that it runs before the new iframe document has been fully loaded.

Regards PJ

[dubmecrazy]

PJ, you are a hero. Thank you so very much!

[pj59]

Hi dubmecrazy!

You are very welcome.

PJ