Use javascript to remove/hide browser address bar or toolbar on the fly

luoshiben
luoshiben used Ask the Experts™
on
Does any body know of a way using JavaScript to remove or hide a browser's address bar or toolbar on the fly? You can obviously use a script to pop open a new window and set the properties of that window like so:
window.open(URL_of_new_window,window_handle,"toolbar=no,location=no,status=no,menubar=no,scrollbars=no");

However, I want a way to get rid of the menubar and toolbar on the click of a button, lets say. In other words, the pop up window has already been opened, displaying the menubar and tool bar. When the user clicks on a button or link in the window, though, the menubar/tool bar should disappear. Any ideas? Thanks!
Comment
Watch Question

Do more with

Expert Office
EXPERT OFFICE® is a registered trademark of EXPERTS EXCHANGE®
no way

Commented:
You can only do this when opening a new window, at the time the new window is opened, not later.
Wow that took a long time to edit.  Here's a mimic version that should create the desired effect:

<script type='text/javascript'>
<!--
  if(document.location.search != "")  {
    obj = document.location.search.substr(document.location.search.indexOf('?') + 1)
    address = (obj=="true") ? true : false ;
  } else {
    address=true
  }



  function toggleAddress(isvis)  {

    add = (address) ? "no" : "yes" ;

    if(isvis != "")  {
      add = isvis
    }
    q = (add=="yes") ? false : true ;
    if(q) {
      address=false
    } else {
      address=true
    }

    window.open("test5.html?" + address,"", "toolbar=" + add + ",location=" + add + ",status=" + add + "menubar=" + add +

"scrollbars=" + add);

    self.opener = ""
    self.close()
  }

//-->
</script>
<a onClick='toggleAddress("")'>Toggle</a>||<a onClick='toggleAddress("yes")'>With Address</a>||<a onClick='toggleAddress("no")'>No Address</a>

{Slam}

Ensure you’re charging the right price for your IT

Do you wonder if your IT business is truly profitable or if you should raise your prices? Learn how to calculate your overhead burden using our free interactive tool and use it to determine the right price for your IT services. Start calculating Now!

Commented:
Well, it works -- however, just so you know, it does so by reloading the popup window.
Like I said, it mimics the effect, because what luoshiben is asking for can't be done normally.  It's just a way around the limits :-)

{Slam}

Commented:
I figured you knew that, Slam -- my remark was addressed to the original poster. :D

Author

Commented:
Thanks superslamwich- I couldn't think of a way to do it either without reloading the window, but your solution is a bit more efficient than what I would have done.
Happy to help :-)

{Slam}

Commented:
When i use this I just get
Toggle||With Address||No Address
in the same window.  What am i missing?
Nothing, just click on whichever you want and it will switch.  I know I didn't make them links, I should have, but just click on them and they'll work

{Slam}

Commented:
I am a noob in javascript and I dont understand how to integrate this script. can you give me a full script? if it is possible copy/past mode will be great
Hi, its also works with IE7
window.open('some.html?',null,'toolbar=no,scrollbars=no,location=no,resizable =no,width=625,height=550,left=225,top=120');

thanks

Do more with

Expert Office
Submit tech questions to Ask the Experts™ at any time to receive solutions, advice, and new ideas from leading industry professionals.

Start 7-Day Free Trial