AJAX

How to rename/hide the title of the popup window

Please support our JavaScript / DHTML / AJAX advertiser: PostgreSQL or MySQL? Compare and contrast the two most popular open source databases

•

Join Date: Dec 2008

Posts: 17

Reputation: nishantdaniweb is an unknown quantity at this point

Solved Threads: 0

nishantdaniweb nishantdaniweb is offline

Offline

Newbie Poster

How to rename/hide the title of the popup window

Feb 24th, 2009

Hi All

Could anybuddy tell me how to rename/hide the title in the popup window. I found the below code from google. this code is working fine. Actualy I don't want to show the url to the user. Below code helps to hide the address bar. But still user can see the url in title bar. If I add the titlebar=no in the var feature then also it is showing the url in titlebar.

Kindly help me.

 Help with Code Tags 
 JavaScript / DHTML / AJAX Syntax (Toggle Plain Text) 
 
function loadMainWindow() 
{ 
   var win = window.self; 
   win.opener = window.self; 
   var newloc = '<%= url %>'; 
   var ih = (window.window.screen.availHeight - 60) - 100; 
   var iw = (window.window.screen.availWidth - 10) - 100; 
   var it = ((window.window.screen.availHeight - 60) - ih) / 2; 
   var il = ((window.window.screen.availWidth - 10) - iw) / 2; 
 
   var features = 
"directories=no,menubar=no,location=no,toolbar=no,status=no,scrollbars=yes­,resizable=yes" 
+ ",width=" + iw + ",height=" + ih + ",top=" + it + ",left=" + il + ""; 
   v1 = new Date(); 
   v2 = Date.parse(v1); 
   v3 = "pg" + v2; 
 
   var oNewWindow = window.open(newloc, v3, features); 
 
 
   oNewWindow.focus(); 
 
 
 
 
} 
 
function popUpDocuument() 
{ 
   try 
   { 
      loadMainWindow(); 
   } 
   catch(e) 
   { 
      popUpMessage.style.display = 'block'; 
   } 
}
function loadMainWindow() 
{ 
   var win = window.self; 
   win.opener = window.self; 
   var newloc = '<%= url %>'; 
   var ih = (window.window.screen.availHeight - 60) - 100; 
   var iw = (window.window.screen.availWidth - 10) - 100; 
   var it = ((window.window.screen.availHeight - 60) - ih) / 2; 
   var il = ((window.window.screen.availWidth - 10) - iw) / 2; 
   
   var features = 
"directories=no,menubar=no,location=no,toolbar=no,status=no,scrollbars=yes­,resizable=yes" 
+ ",width=" + iw + ",height=" + ih + ",top=" + it + ",left=" + il + ""; 
   v1 = new Date(); 
   v2 = Date.parse(v1); 
   v3 = "pg" + v2; 
   
   var oNewWindow = window.open(newloc, v3, features); 
  

   oNewWindow.focus(); 


   

} 

function popUpDocuument() 
{ 
   try 
   { 
      loadMainWindow(); 
   } 
   catch(e) 
   { 
      popUpMessage.style.display = 'block'; 
   } 
}

Regards
Nishant

•

Join Date: Jan 2009

Posts: 1,305

Reputation: almostbob has a spectacular aura about

Solved Threads: 161

almostbob

Offline

Nearly a Posting Virtuoso

Re: How to rename/hide the title of the popup window

Feb 24th, 2009

That code is not working on anybody's browser except yours
all recent browsers include popup blockers, you get flagged as a 'bad site'
try using a fixed position div and making it visible or invisible at need.

code snipped, styles set in external stylesheet enough dragged in to make it 'understandable'

 Help with Code Tags 
 html Syntax (Toggle Plain Text) 
 <!-- doctype etc html head -->
<script language="javascript" type="text/javascript">
<!--
(document.getElementById) ? dom = true : dom = false;
function hideIt() {
 if (dom) {document.getElementById("layer1").style.visibility='hidden';} //ie gecko
 if (document.layers) {document.layers["layer1"].visibility='hide';} } //mozilla ff
function showIt() {
 if (dom) {document.getElementById("layer1").style.visibility='visible';}
 if (document.layers) {document.layers["layer1"].visibility='show';} }
//--></script>
</head>
<body>
<button onClick="showIt();">Important Information</button>
<div id="layer1" style="position:fixed; left:20px; width:45%; top:20px; visibility:hidden;">
<table border="0" cellspacing="0" cellpadding="3">
<tr><td Align="right" onClick="hideIt()">
<font color="#ffffff"><Strong>Close</strong></font></td></tr>
<tr><td>important stuff you want em to see</td></tr>
<tr><td align="right" onClick="hideIt()"><font Color="#ffffff"><Strong>Close</strong></font></td></tr>
</table>
</div>
</body>
</html>
 <!-- doctype etc html head -->
<script language="javascript" type="text/javascript">
<!--
(document.getElementById) ? dom = true : dom = false;
function hideIt() {
 if (dom) {document.getElementById("layer1").style.visibility='hidden';} //ie gecko
 if (document.layers) {document.layers["layer1"].visibility='hide';} } //mozilla ff
function showIt() {
 if (dom) {document.getElementById("layer1").style.visibility='visible';}
 if (document.layers) {document.layers["layer1"].visibility='show';} }
//--></script>
</head>
<body>
<button onClick="showIt();">Important Information</button>
<div id="layer1" style="position:fixed; left:20px; width:45%; top:20px; visibility:hidden;">
<table border="0" cellspacing="0" cellpadding="3">
<tr><td Align="right" onClick="hideIt()">
<font color="#ffffff"><Strong>Close</strong></font></td></tr>
<tr><td>important stuff you want em to see</td></tr>
<tr><td align="right" onClick="hideIt()"><font Color="#ffffff"><Strong>Close</strong></font></td></tr>
</table>
</div>
</body>
</html>

Failure is not an option It's included free
If at first you dont succeed, join the club
Of course its always in the last place you look, you dont keep looking after you find it

Please mark solved problems, solved

•

Join Date: Dec 2008

Posts: 17

Reputation: nishantdaniweb is an unknown quantity at this point

Solved Threads: 0

nishantdaniweb nishantdaniweb is offline

Offline

Newbie Poster

Re: How to rename/hide the title of the popup window

Feb 24th, 2009

Hi almostbob

Thanks for the response.
I am using internet explorer version 6. The code, which I posted, is working fine. Even I tested this code in internet explorer version 7 also.

Let me explain my question again. I am displaying the file content (file which exists in content management server) in a popup window. I don't want to show the url to the user.
Now I am able to hide address bar but it is still showing the url in titlebar.

As per my understanding, I can't hide the titlebar but we can change the url(title) in titlebar.

Please guide me if I am wrong.

Regards
Nishant

•

Join Date: Jan 2009

Posts: 1,305

Reputation: almostbob has a spectacular aura about

Solved Threads: 161

almostbob

Offline

Nearly a Posting Virtuoso

Re: How to rename/hide the title of the popup window

Feb 25th, 2009

Repeated:: Do Not use Popup Windows, they will be blocked by popup blockers ::
That code Does NOT work on anybody's browser except Yours because everybody else will block your popup windows especially popups that attempt to hide their location, Big RED flags possible malware - or
how to get blacklisted 101
Popup will not be seen the information will not be read.

Use a div and hide unhide it as necessary
The div can be any size required and can contain any source required, precisely the same as a popup window, but the div has no displayed uri, and does not trigger popup blockers or any other antimalware scanners

example given in prior post

(And I was even POLITE about it)

Last edited by almostbob; Feb 25th, 2009 at 1:20 am.

•

Join Date: Dec 2008

Posts: 17

Reputation: nishantdaniweb is an unknown quantity at this point

Solved Threads: 0

nishantdaniweb nishantdaniweb is offline

Offline

Newbie Poster

Re: How to rename/hide the title of the popup window

Feb 25th, 2009

Hi almostbob

I added your code into my jsp page. it is showing one button "importtant information". When I click on this button it is showing some script error ("object expected").

 Help with Code Tags 
 JavaScript / DHTML / AJAX Syntax (Toggle Plain Text) 
<%@ taglib uri="/tags/struts-html" prefix="html" %>
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
  <meta name="generator" content="HTML Tidy for Windows (vers 1st July 2003), see www.w3.org" />
 
  <title>Home</title>
</head>
 
<body>
<button onClick="showIt();">Important Information</button><div id="layer1" style="position:fixed; left:20px; width:45%; top:20px; visibility:hidden;"><table border="0" cellspacing="0" cellpadding="3"><tr><td Align="right" onClick="hideIt()"><font color="#ffffff"><Strong>Close</strong></font></td></tr><tr><td>important stuff you want em to see</td></tr><tr><td align="right" onClick="hideIt()"><font Color="#ffffff"><Strong>Close</strong></font></td></tr></table></div>
 
</body>
</html>
 
 
<script language="javascript" type="text/javascript">(document.getElementById) ? dom = true : dom = false;function hideIt() { if (dom) {document.getElementById("layer1").style.visibility='hidden';}  if (document.layers) {document.layers["layer1"].visibility='hide';} } mozilla fffunction showIt() { if (dom) {document.getElementById("layer1").style.visibility='visible';} if (document.layers) {document.layers["layer1"].visibility='show';} }</script>
<%@ taglib uri="/tags/struts-html" prefix="html" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
  <meta name="generator" content="HTML Tidy for Windows (vers 1st July 2003), see www.w3.org" />

  <title>Home</title>
</head>

<body>
<button onClick="showIt();">Important Information</button><div id="layer1" style="position:fixed; left:20px; width:45%; top:20px; visibility:hidden;"><table border="0" cellspacing="0" cellpadding="3"><tr><td Align="right" onClick="hideIt()"><font color="#ffffff"><Strong>Close</strong></font></td></tr><tr><td>important stuff you want em to see</td></tr><tr><td align="right" onClick="hideIt()"><font Color="#ffffff"><Strong>Close</strong></font></td></tr></table></div>

</body>
</html>


<script language="javascript" type="text/javascript">(document.getElementById) ? dom = true : dom = false;function hideIt() { if (dom) {document.getElementById("layer1").style.visibility='hidden';}  if (document.layers) {document.layers["layer1"].visibility='hide';} } mozilla fffunction showIt() { if (dom) {document.getElementById("layer1").style.visibility='visible';} if (document.layers) {document.layers["layer1"].visibility='show';} }</script>

I am very poor in java script. I need some code help.

Regards
Nishant

•

Join Date: Jan 2009

Posts: 1,305

Reputation: almostbob has a spectacular aura about

Solved Threads: 161

almostbob

Offline

Nearly a Posting Virtuoso

Re: How to rename/hide the title of the popup window

Feb 25th, 2009

The attached archive contains a demo file, with no typos
( I dont trust my typing NEmore so its one that does work )
the table cell class='bottom' can contain any other html or iframe or php include, this is just a demo, sizes are adjustable etc

Attached Files

demohome.zip (1.0 KB, 13 views)

•

Join Date: Dec 2008

Posts: 17

Reputation: nishantdaniweb is an unknown quantity at this point

Solved Threads: 0

nishantdaniweb nishantdaniweb is offline

Offline

Newbie Poster

Re: How to rename/hide the title of the popup window

Feb 26th, 2009

Hi almostbob,

Thanks for your continuous help.
Actualy according to your code, if we click on "Important Information" button, it display the content under <div> tag.

But in my application, I have given links for download. user can directly download the file(jpeg, doc, pdf etc.) from the content management server. I am not using input/output stream. I am using url addressability approach given by content management server. I just open the file in popup window using url.

My application is working fine. I am able to see the content in popup window. But I don't want to show the url to the user.
I am able to hide address bar, toolbar, statusbar except titlebar.
Now I want to rename the tile of titlebar of popup window. Please tell me is it possible or not.

Even you repeated two times that don't use popup windows, they will be blocked by popup blockers. If user block the popup window that is not my problem.

Now pls let me know how your approach is suitable for my application.

Regards
Nishant

•

Join Date: Jan 2009

Posts: 1,305

Reputation: almostbob has a spectacular aura about

Solved Threads: 161

almostbob

Offline

Nearly a Posting Virtuoso

Re: How to rename/hide the title of the popup window

Feb 26th, 2009

a <div> can be replaced with, or filled with, anything else, so the invisible field can contain anything

if you dont care this 'stuff' that is so important will be invisible to more than can see it
and that anyone can pull the uri from your window whether you display it or not

PLoNK

•

Join Date: Dec 2008

Posts: 17

Reputation: nishantdaniweb is an unknown quantity at this point

Solved Threads: 0

nishantdaniweb nishantdaniweb is offline

Offline

Newbie Poster

Re: How to rename/hide the title of the popup window

Feb 26th, 2009

But Bob tell me how can I use this approach for my application. I create the url (url given by server API) to the file and just open that file.

Now question is how will I display the file content using <div>.
I am not reading the file content. Because file reading and writing is a time consuming approach.

Regards
Nishant

Quick Reply to Thread

Show Printable Version

Other Threads in the JavaScript / DHTML / AJAX Forum

Previous Thread: getElementsByName() generates undefined ouput value in a textbox
Next Thread: Comparing two html tables

Thread Tools	Search this Thread
Show Printable Version Email this Page

DaniWeb Message

Cancel Changes