alexisbr
asked on
Hide title bar or URL in Javascript window.open
I wrote some pages in asp for a client. Their partner is going to link to a page on this site (that also links to one other page). We need to hide the URL so it is not apparent to a web user that the url has changed. I don't think it matters if the user wants to poke around and actually sees the URL but we don't want to make it obvious.
I've reviewed many posts on EE and found some great solutions but none of them are actually hiding the the title bar. Here's the solution I liked the best and tried to implement.
<script language="JavaScript">
<!--
function openWindowNew( windowURL, windowName) { windowFeatures='width=518,
return window.open( windowURL, windowName, windowFeatures ) ;
}
//--->
</script>
On the partner's webpage:
<a href="JavaScript: newWindow = openWindowNew('http://www.myclientURL.com/mypage.asp', 'Mywindowname'); newWindow.focus()">My Link Text </a>
The link works but I still see the URL of my client's site because the title bar is not hidden. For example, let's say my client's stie is www.myclientURL.com and the page we want to bring up is mypage.asp. From the partner's site, when I put the code I described above, the page opens great but in the title bar, I see "http://www.myclientURL.com" then what's between <title></title> on the page we're linking to. However, when I open that page directly (http://www.myclientURL.com/mypage.asp in address bar) from IE, I only see what's between the title tags. I have tried setting fullscreen=yes and still the same result. Obviously, I've faked the URLs for this example but what I've described is exactly what's happening. I see "http://www.myclientURL.com MY PAGE TITLE Microsoft Internet Explorer" using the Window.open but see only "MY PAGE TITLE Microsoft Internet Explorer" when I go directly to the page. Any ideas?
Thanks,
Alexis
I've reviewed many posts on EE and found some great solutions but none of them are actually hiding the the title bar. Here's the solution I liked the best and tried to implement.
<script language="JavaScript">
<!--
function openWindowNew( windowURL, windowName) { windowFeatures='width=518,
return window.open( windowURL, windowName, windowFeatures ) ;
}
//--->
</script>
On the partner's webpage:
<a href="JavaScript: newWindow = openWindowNew('http://www.myclientURL.com/mypage.asp', 'Mywindowname'); newWindow.focus()">My Link Text </a>
The link works but I still see the URL of my client's site because the title bar is not hidden. For example, let's say my client's stie is www.myclientURL.com and the page we want to bring up is mypage.asp. From the partner's site, when I put the code I described above, the page opens great but in the title bar, I see "http://www.myclientURL.com" then what's between <title></title> on the page we're linking to. However, when I open that page directly (http://www.myclientURL.com/mypage.asp in address bar) from IE, I only see what's between the title tags. I have tried setting fullscreen=yes and still the same result. Obviously, I've faked the URLs for this example but what I've described is exactly what's happening. I see "http://www.myclientURL.com MY PAGE TITLE Microsoft Internet Explorer" using the Window.open but see only "MY PAGE TITLE Microsoft Internet Explorer" when I go directly to the page. Any ideas?
Thanks,
Alexis
ASKER
Tyrannrus,
Can you please tell me what I should change? I looked at the link and I had already set location=no as well as most of the other options. Is there another setting I missed?
Thanks,
Alexis
Can you please tell me what I should change? I looked at the link and I had already set location=no as well as most of the other options. Is there another setting I missed?
Thanks,
Alexis
<script language="JavaScript">
<!--
function openWindowNew( windowURL, windowName) {
var windowFeatures='width=518,
return window.open( windowURL, windowName, windowFeatures ) ;
}
//--->
</script>
On the partner's webpage:
<a href="#"
onClick="newWindow = openWindowNew('http://www.myclientURL.com/mypage.asp', 'Mywindowname'); newWindow.focus(); return false">My Link Text </a>
should be enough.
If not, then the browser is set to not allow this.
Then instead open a frameset with the new page embedded
<!--
function openWindowNew( windowURL, windowName) {
var windowFeatures='width=518,
return window.open( windowURL, windowName, windowFeatures ) ;
}
//--->
</script>
On the partner's webpage:
<a href="#"
onClick="newWindow = openWindowNew('http://www.myclientURL.com/mypage.asp', 'Mywindowname'); newWindow.focus(); return false">My Link Text </a>
should be enough.
If not, then the browser is set to not allow this.
Then instead open a frameset with the new page embedded
Like this:
<script language="JavaScript">
<!--
function openWindowNew( windowURL, windowName) {
var windowFeatures='width=518,
return window.open( windowURL, windowName, windowFeatures ) ;
}
//--->
</script>
On the partner's webpage:
<a href="#"
onClick="newWindow = openWindowNew('frameset.ht
and in frameset.html have
<frameset onLoad="top.content.locati
<frame name="content" src="about:blank">
</frameset>
<script language="JavaScript">
<!--
function openWindowNew( windowURL, windowName) {
var windowFeatures='width=518,
return window.open( windowURL, windowName, windowFeatures ) ;
}
//--->
</script>
On the partner's webpage:
<a href="#"
onClick="newWindow = openWindowNew('frameset.ht
and in frameset.html have
<frameset onLoad="top.content.locati
<frame name="content" src="about:blank">
</frameset>
ASKER
Thanks, mplungian. The first way didn't work so I guess I can't use the window.open. I tried to implement the second way with a basic test on my websit using yahoo.com to open up in the frame. The window opens but I don't see yahoo.
Here's the test page, testframe.html:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>Test page</title>
<script language="JavaScript">
<!--
function openWindowNew( windowURL, windowName) {
var windowFeatures='width=518,
return window.open( windowURL, windowName, windowFeatures ) ;
}
//--->
</script>
</head>
<body>
<a href="#" onClick="newWindow = openWindowNew('frameset.ht
</body>
</html>
Here's the frame page, frameset.html:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>frame page</title>
</head>
<body>
<frameset onLoad="top.content.locati
<frame name="content" src="about:blank">
</frameset>
</body>
</html>
Did I miss something? I also tried putting ";" after return false and that didn't change anything.
Alexis
Here's the test page, testframe.html:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>Test page</title>
<script language="JavaScript">
<!--
function openWindowNew( windowURL, windowName) {
var windowFeatures='width=518,
return window.open( windowURL, windowName, windowFeatures ) ;
}
//--->
</script>
</head>
<body>
<a href="#" onClick="newWindow = openWindowNew('frameset.ht
</body>
</html>
Here's the frame page, frameset.html:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>frame page</title>
</head>
<body>
<frameset onLoad="top.content.locati
<frame name="content" src="about:blank">
</frameset>
</body>
</html>
Did I miss something? I also tried putting ";" after return false and that didn't change anything.
Alexis
remove body tags in the frameset page!!!
ASKER
I removed the body tags and now I get a message "Page not found". If I change the link to a page on my website, it works but the point of this is to be able to point to a different URL and have the current URL stay in the title bar. Did I do the url correctly next to escape?
Thanks,
Alexis
Thanks,
Alexis
to cant hide title . why dont you use layer instead ?
<script>
function ShowDiv(DivName)
{
if (document.layers) {
document.layers[DivName].v
} else if (document.getElementById) {
document.getElementById(Di
document.getElementById(Di
} else if (document.all) {
document.all(DivName).styl
document.all(DivName).styl
}
}
function HideDiv(DivName)
{
if (document.layers) {
document.layers[DivName].v
} else if (document.getElementById) {
document.getElementById(Di
document.getElementById(Di
} else if (document.all) {
document.all(DivName).styl
document.all(DivName).styl
}
}
</script>
<DIV id="popup" style="Z-INDEX: 999; LEFT: 40%; VISIBILITY: hidden; WIDTH: 239px; POSITION: absolute; TOP: 300px; BACKGROUND-COLOR: #3f3f3f">
<div id="CloseWindow" align="right" style="height:77px; font-size:10px;">
<div style="padding-top:5px; padding-right:8px;"><a href="javascript:HideDiv('
</div>
<!-- here you can insert client url in using ifram -- >
</DIV>
<a href="javascript:ShowDiv('
<script>
function ShowDiv(DivName)
{
if (document.layers) {
document.layers[DivName].v
} else if (document.getElementById) {
document.getElementById(Di
document.getElementById(Di
} else if (document.all) {
document.all(DivName).styl
document.all(DivName).styl
}
}
function HideDiv(DivName)
{
if (document.layers) {
document.layers[DivName].v
} else if (document.getElementById) {
document.getElementById(Di
document.getElementById(Di
} else if (document.all) {
document.all(DivName).styl
document.all(DivName).styl
}
}
</script>
<DIV id="popup" style="Z-INDEX: 999; LEFT: 40%; VISIBILITY: hidden; WIDTH: 239px; POSITION: absolute; TOP: 300px; BACKGROUND-COLOR: #3f3f3f">
<div id="CloseWindow" align="right" style="height:77px; font-size:10px;">
<div style="padding-top:5px; padding-right:8px;"><a href="javascript:HideDiv('
</div>
<!-- here you can insert client url in using ifram -- >
</DIV>
<a href="javascript:ShowDiv('
ASKER CERTIFIED SOLUTION
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
ASKER
mplungian,
Thank you. That worked. I applied the logic to my more complicated client pages and it also worked. I appreciate your help.
Alexis
Thank you. That worked. I applied the logic to my more complicated client pages and it also worked. I appreciate your help.
Alexis
http://www.techiecorner.com/46/javascript-open-new-window-with-window-open/