How to retrieve the current URL value

**strakez** · 06-16-2007 01:56 AM

Hey friends, I would like to be intrsucted on how to retrieve the url value of the current page. I operate a page with an iframe inside it, and the iframe url is the url value I will need to retrieve. I am trying to create a "Full Screen" button which retrieves the value of of the iframe url and opens it up in a new window. I have been struggling with many different options but have had no luck so far. Any assistance would be greatly appreciated. Thanks

-Steve

**\\.\** · 06-16-2007 03:15 AM

myiframe is the iframe "id" tag property in the iframe, eg,

HTML Code:

<iframe id="myiframe" name="myiframe" src="mypage.html" frameborder="0" height="300" width="350" title="iframe" scrolling="no"></iframe>

Then javascript gets the iframeurl with

Code:

iframeurl = document.getElementById("myiframe").src;

That should be all thats needed to get the current URL of that iframe.

**strakez** · 06-16-2007 08:03 AM

I greatly appreciate your help. In fact the code you provided was perfect... except for one small issue. The code only allows me to open the original value of the iframe url, and not the url of the framed page as it changes, say from google.com to yahoo.com. I've been testing this out in a 'test page' so I'll include the head to body code here, as well as the the test page (in txt format as htm isn't allowed) so you can better understand my problem.

PHP Code:


<head>



<SCRIPT LANGUAGE="JavaScript">



function getURL() 

{

    iframeurl = document.getElementById("myiframe").src;

}



function Start(page) 

{

    OpenWin = this.open(page, "CtrlWindow", "toolbar=yes,menubar=yes,location=yes,scrollbars=yes,resizable=yes");

}



</SCRIPT>



</head>



<body>



<center>



<div width="350">





    <a href="http://www.google.ca" target="myiframe">google</a> 

    <a href="http://www.yahoo.ca" target="myiframe">yahoo</a> 

    <a href="http://www.facebook.com" target="myiframe">facebook</a> 



    <P>



    <a href="#" onClick="history.go(-1)">back</a> 

    <a href="#" onmouseover="javascript:getURL()" onmousedown="javascript:Start(iframeurl)">FULL SCREEN</a> 

    <a href="#" onClick="history.go(+1)">forward</a> 



</div>



<p>



<iframe id="myiframe" name="myiframe" src="" frameborder="0" height="300" width="350" title="iframe" scrolling="no"></iframe>



</center>



</body>

I believe there may be an error in the way I implemented the getElement parametre, but you guys are the experts so I'll leave the expertise to you.
Thanks again,

- Steve

**strakez** · 06-16-2007 01:07 PM

Sorry I posted the wrong attachement. Here is the proper one below in zip format. Thanks again.

- Steve

**Mr Ferter** · 06-16-2007 06:30 PM

I think that iframe and browser security are your issue.

**strakez** · 06-16-2007 08:25 PM

Sorry, your reply wasn't very clear. Could you be more specific please? Or maybe provide an alternate suggestion? Thanks.

- Steve

**\\.\** · 06-17-2007 06:33 AM

What he said was the issue is the iframe and your browser security, I think, dont quote me but its built in security feature of the browser not to allow access beyond what you already have access to.

I could be totally wrong but I think its that reason too.

Thread: How to retrieve the current URL value

Thread Tools

Display

How to retrieve the current URL value

Test Page Attachment Correction

Thread Information

Users Browsing this Thread

Bookmarks

Bookmarks

Posting Permissions