Wednesday, November 4, 2009

Hide URL in address bar using iframe (code that works)

I've been searching Google for some time, and I expected to find the answer easily, but that was not the case. So I wrote it here.
The following will show Yahoo home page in an iframe, but the URL in the address bar will be yours, and it stays the same, even if the user clicks on some link and go to another site.
If you ever tried to create an iframe, you noticed that you have two scroll bars - one of the page and one of the iframe. Well, the following code solves that too. The piece of code that most people are looking for is marked in red.

<html>
<head>
<style type="text/css">
html {
overflow: hidden;
}
</style>
</head>
<body>
<iframe name='FRAME1' src='http://www.yahoo.com' width='100%' height='100%' marginheight='0' marginwidth='0' scrolling='auto' frameborder='0'>
<p>Your browser does not support iframes.</p>
</iframe>
</body></html>
Posted by at
Labels:

28 comments:

  1. AnonymousNovember 28, 2011 at 9:45 PM

    This is brilliant!One more question: How do u hide the url in the browser status bar on mouse hover or click?

    Regards,
    Shayne
    shayne.alvares@gmail.com

    ReplyDelete
  2. AnonymousDecember 20, 2011 at 12:02 AM

    awesome..!!! really helpful..TQ!!

    ReplyDelete
  3. AnonymousJanuary 19, 2012 at 12:15 AM

    Wow! this is simply superb. I hv been searching on google for this.
    But at last your code helped me alot.
    All the best and keep going.

    ReplyDelete
  4. AnonymousFebruary 24, 2012 at 8:04 AM

    How about an online site. How do you implement this?

    ReplyDelete
  5. Mr. Lo - Aspire IdeaApril 8, 2012 at 6:30 AM

    Thousand thanks for sharing, this small piece of code is just the lifesaver to me.

    Thumb up and all the best

    ReplyDelete
  6. AnonymousJune 1, 2012 at 12:06 AM

    yeah i got the code but what should i do with it????? should i paste it any where or???

    ReplyDelete
  7. BETHEL magazineJune 21, 2012 at 9:10 AM

    it didnt work on Chrome or Safari for me!!!

    ReplyDelete
  8. DilliNovember 21, 2012 at 4:52 AM

    Is it possible to disable the url in iframe..?

    ReplyDelete
  9. UnknownNovember 28, 2012 at 8:56 PM

    hows that possible????????????????

    ReplyDelete
  10. UnknownDecember 20, 2012 at 5:43 PM

    i tried this code but did not worked :(
    It's not showing the Url I mentioned ...

    I merged it in my html code..but had no error but still showing the original URL in browser :(
    thx

    ReplyDelete
  11. AnonymousApril 15, 2013 at 10:17 PM

    looooooom

    ReplyDelete
  12. AnonymousApril 22, 2013 at 7:57 AM

    will it work for blackberry html5 apps also for Bb 7.0 OS and 10 OS ?

    ReplyDelete
  13. AnonymousApril 23, 2013 at 1:33 AM

    Any body answer will it really work for web applications (HTML5 apps) for Nokia and Blackberry too

    ReplyDelete
  14. AnonymousApril 23, 2013 at 5:57 AM

    Then what is the config.xml

    ReplyDelete
  15. AnonymousAugust 10, 2013 at 1:00 AM

    Thanks a ton. It works brilliantly!!

    ReplyDelete
  16. Sinuhe69September 1, 2013 at 2:34 AM

    Some websites use script to detect iframe embedding like this and break the page loading if they found. But most of the sites would display w/o any complaints. Great examples!

    ReplyDelete
  17. AnonymousSeptember 3, 2013 at 11:10 PM

    Not Working..

    ReplyDelete
  18. RobShepDecember 18, 2013 at 3:55 AM

    This comment has been removed by the author.

    ReplyDelete
  19. UnknownApril 15, 2014 at 6:02 AM

    Can you do the same for the status bar also?
    Hide status bar..?

    ReplyDelete
  20. AnonymousJuly 23, 2014 at 10:00 AM

    It doesn't hide the url in addressbar

    ReplyDelete
  21. AnonymousAugust 18, 2015 at 10:18 PM

    "Code that works" - not here :|.
    Could you maybe comment on these issues? Did we do something wrong? What could be the reasons? If you could point us in the direction where the issues lie, that would be enough.

    ReplyDelete
  22. UnknownApril 19, 2016 at 10:41 PM

    Its useless??
    How come people says it works.It shows the url in source code.Or I came seeking in wrong place?

    ReplyDelete
  23. AimbstudioMay 15, 2016 at 10:08 AM

    This comment has been removed by the author.

    ReplyDelete
  24. UnknownMay 15, 2016 at 10:16 AM

    try this code (dont miss add iframe tag in the first and last )

    width="100%" height="520" scrolling="no" frameborder="0" allowtransparency="true" src="http://tinyurl.com/hgh9ogx"

    ReplyDelete
  25. AnonymousDecember 14, 2016 at 2:17 PM

    fuck dis shit, check meh out on pronhub.com

    ReplyDelete
  26. hhuji7May 8, 2018 at 5:07 AM

    awesome thanks for share this
    yaar

    ReplyDelete
  27. dJune 26, 2019 at 1:59 AM

    visit from pagal & awesome songs.

    ReplyDelete
  28. Gwyneth LlewelynJanuary 31, 2021 at 6:27 PM

    It's 2021 now, and most sites will use mechanisms to avoid being embedded in an iFrame. Your article is correct for 2009, but not for 2021. Sorry! :-)

    ReplyDelete

Subscribe to: Post Comments (Atom)