User Name Password Register
DaniWeb IT Discussion Community
Home
Forums
Tutorials
Code Snippets
Blogs
Link Directory
All
•
•
•
•
What is DaniWeb IT Discussion Community?
You're currently browsing the JavaScript / DHTML / AJAX section within the Web Development category of DaniWeb, a massive community of 456,423 software developers, web developers, Internet marketers, and tech gurus who are all enthusiastic about making contacts, networking, and learning from each other. In fact, there are 2,601 IT professionals currently interacting right now! Registration is free, only takes a minute and lets you enjoy all of the interactive features of the site.
Join our community!
Please support our JavaScript / DHTML / AJAX advertiser: Lunarpages Web Hosting
Views: 138296 | Replies: 2 | Solved
Reply
•
•
Join Date: Jun 2003
Posts: 11
Reputation: sooim3 is an unknown quantity at this point 
Rep Power: 6
Solved Threads: 0
sooim3 sooim3 is offline Offline
Newbie Poster

JavaScript's window.opener

  #1  
Jul 28th, 2003
Hello, I've been trying to find something about why window.opener doesn't work for IE (I'm using 6.0) when I use the window.opener in a separate JavaScript file. It works without any problem when I use Mozilla/Netscape, but not for IE.

The implementations I've seen in my searching for an answer so far, have all been 'in-line' examples how to manage but I haven't found any example yet with separate JavaScript file.

I've got two XHTML documents that are connected to two different JavaScript files:

The first XHTML document:
Help with Code Tags 
<?xml version="1.0" encoding="ISO-8859-1"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
   <head>
      <title>Test first window</title>
      <meta http-equiv="Content-Type" content="text/xhtml; charset=iso-8859-1" />
   </head>
   <body>
      <h2>Test first window</h2>
      <hr />
      <div class="left">
         <p>
            Open a new browser window:
            <input id="openNewWindow" type="text" size="55"
               value="commsecondwindow.html" />
            <input id="button1" type="button" value="Open" />
         </p>
         <p>
            Close the browser window:&nbsp;&nbsp;&nbsp;
            <input id="button2" type="button" value="Close" />
         </p>
         <p id="textString">
         </p>
         <p id="timeString">
         </p>
         <p id="testString">
         </p>
      </div>
      <script type="text/javascript" src="commfirstwindow.js"></script>
      <noscript><p>Your browser does not support javascript.</p></noscript>
   </body>
</html>

...and the javascript for it:
Help with Code Tags 
// For IE4+
ie=(document.all)?true:false;

// For Mozilla
dom=((document.getElementById) && (!ie))?true:false;

function setEventByID(id, ev, fu) {
   if (dom) {
      document.getElementById(id).addEventListener(ev, fu, false);
   }
   if (ie) {
      document.getElementById(id).attachEvent('on' + ev, fu);
   }
}



var newWindow;

function openNewWindow() {
   var url=document.getElementById('openNewWindow').value;
   newWindow=window.open(url, 'newWindow', '', '');
   newWindow.creator=self;
}
setEventByID('button1', 'click', openNewWindow);


// Close the new window

function closeWindow() {
   if (newWindow!=null) {
      newWindow.close();
   }
}
setEventByID('button2', 'click', closeWindow);

The second XHTML document:
Help with Code Tags 
<?xml version="1.0" encoding="ISO-8859-1"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
   <head>
      <title>Test second window</title>
      <meta http-equiv="Content-Type" content="text/xhtml; charset=iso-8859-1" />
   </head>
   <body>
      <h2>Test second window</h2>
      <hr />
      <div class="left">
         <p>
            Send a text to the main window:
            <input id="testText" type="text" size="55"
               value="This is a test text for the main window!" />
            <input id="button3" type="button" value="Send text" />
         </p>
      </div>
      <script type="text/javascript" src="commsecondwindow.js"></script>
      <noscript><p>Your browser does not support javascript.</p></noscript>
   </body>
</html>

...and the javascript code:
Help with Code Tags 
// For IE4+
ie=(document.all)?true:false;

// For Mozilla
dom=((document.getElementById) && (!ie))?true:false;

function setEventById(id, ev, fu) {
   if (dom) {
      document.getElementById(id).addEventListener(ev, fu, false);
   }
   if (ie) {
      document.getElementById(id).attachEvent('on' + ev, fu);
   }
}

// Global variables
var initialString="Testing to insert text into main window...";
var initialTextNode=document.createTextNode(initialString);
var timeNode;
var testNode;


window.opener.document.getElementById('textString').appendChild(initialTextNode);


function currentTime() {
   var today=new Date();
   if (timeNode==null) {
      timeNode=document.createTextNode(today.toLocaleTimeString());
      window.opener.document.getElementById('timeString').appendChild(timeNode);
   }
   else {
      window.opener.document.getElementById('timeString').removeChild(timeNode);
      timeNode=document.createTextNode(today.toLocaleTimeString());
      window.opener.document.getElementById('timeString').appendChild(timeNode);
   }
}
window.setInterval(currentTime, 1000);

function sendTestText() {
   var testTheString=document.getElementById('testText').value;
   testNode=document.createTextNode(testTheString);
   window.opener.document.getElementById('testString').appendChild(testNode);
}
setEventById('button3', 'click', sendTestText);

Does anyone know why the above works well with Mozilla/Netscape but doesn't work with IE? Am I doing something wrong in the code?

/Soo-Im
http://sooim.pp.se/
AddThis Social Bookmark Button
Reply With Quote  
•
•
Join Date: Jun 2003
Posts: 11
Reputation: sooim3 is an unknown quantity at this point 
Rep Power: 6
Solved Threads: 0
sooim3 sooim3 is offline Offline
Newbie Poster

Re: JavaScript's window.opener

  #2  
Jul 29th, 2003
Hello, I'll answer my own question...

There was definitely something wrong with my code that I was not aware of until now. When creating the nodes, I also have to use window.opener if it is supposed to work properly. This was hard to detect for me, since IE didn't give any error messages at all about this.

Anyway, the code that works now actually look like this for the second javascript code:

Help with Code Tags 
// For IE4+
ie=(document.all)?true:false;

// For Mozilla
dom=((document.getElementById) && (!ie))?true:false;

function setEventByObject(ob, ev, fu) {
   if (dom) {
      ob.addEventListener(ev, fu, false);
   }
   if (ie) {
      ob.attachEvent('on' + ev, fu);
   }
}

function setEventById(id, ev, fu) {
   if (dom) {
      document.getElementById(id).addEventListener(ev, fu, false);
   }
   if (ie) {
      document.getElementById(id).attachEvent('on' + ev, fu);
   }
}

// Global variables
var initialString="Testing to insert text into main window...";
var initialTextNode=window.opener.document.createTextNode(initialString);
var timeNode;
var testNode;

window.opener.document.getElementById('textString').appendChild(initialTextNode);

function currentTime() {
   var today=new Date();
   if (timeNode==null) {
      timeNode=window.opener.document.createTextNode(today.toLocaleTimeString());
      window.opener.document.getElementById('timeString').appendChild(timeNode);
   }
   else {
      window.opener.document.getElementById('timeString').removeChild(timeNode);
      timeNode=window.opener.document.createTextNode(today.toLocaleTimeString());
      window.opener.document.getElementById('timeString').appendChild(timeNode);
   }
}
window.setInterval(currentTime, 1000);

function sendTestText() {
   var testTheString=document.getElementById('testText').value;
   testNode=window.opener.document.createTextNode(testTheString);
   window.opener.document.getElementById('testString').appendChild(testNode);
}
setEventById('button3', 'click', sendTestText);

/Soo-Im
http://sooim.pp.se/
Reply With Quote  
•
•
Join Date: Apr 2005
Posts: 1
Reputation: manou is an unknown quantity at this point 
Rep Power: 0
Solved Threads: 0
manou manou is offline Offline
Newbie Poster

Re: JavaScript's window.opener

  #3  
Apr 25th, 2005
hi, i have the same problem as you, but i don't understand how do you fix it.
This works fine with firefox, but not in IE that is where has to work (political bussiness

I post here my problem...

/function that opens the new window
function openFaqList() {
for (i=0; i<document.sendFaq.isbooked.length;i++) {
if (document.sendFaq.isbooked[i].checked && document.sendFaq.isbooked[i].value=='yes')
WindowObjectReference = window.open("faqList.asp?booked=1","FAQ","width=420,height=230,resizable,scrollbars=yes,status=0");
if (document.sendFaq.isbooked[i].checked && document.sendFaq.isbooked[i].value=='no')
WindowObjectReference = window.open("faqList.asp?booked=0","FAQ","width=420,height=230,resizable,scrollbars=yes,status=0");
}
}

... html code ...
--> here the function is called
<a href="javascript:openFaqList()" class="faq-link-2">[Select]</a>
... html code ...


==> code for the new window opened
(javascript section)
var listaFAQs="";
var i;
for (i=0;i<document.selectFAQ.elements.length;i++)
if (document.selectFAQ.elements[i].type == 'checkbox') //comprobamos que el objeto es un checkbox
if (document.selectFAQ.elements[i].checked) // introducimos en un vector las FAQs seleccionadas
if (listaFAQs == "") {
listaFAQs=listaFAQs+document.selectFAQ.elements[i].name;
}
else {
listaFAQs=listaFAQs+","+document.selectFAQ.elements[i].name;
}
// pagina que tratara los datos
alert(listaFAQs);
opener.document.forms[0].action="customer_support.asp?vengode=popup&selectedfaqs="+listaFAQs;
opener.document.forms[0].submit();
// se cierra la ventana
window.close();

...
==> here we want to go back to the parent window with the selection done in this window
response.write("<form name=selectFAQ action='javascript:faq2send_selected();' method='post'>")
cont=1
rs.MoveFirst

while not rs.eof
response.write("<input type='checkbox' value='" & rs("faq_id") & "' name='checkbox_"& rs("faq_id") &"'>"&cont&". "&rs("title_en")&"<br>")
rs.movenext
cont=cont+1
wend
response.write("<INPUT TYPE=SUBMIT VALUE='Hecho'></form>")
...


Thanks !!!
Reply With Quote  
Reply

•
•
•
•

Only community members can participate in forum threads. You must register or log in to contribute.

Register
•
•
•
•
•
•
•
•
DaniWeb JavaScript / DHTML / AJAX Marketplace
•
•
•
•
Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)

 

•
•
•
•
Thread Tools Display Modes
Linear Mode Linear Mode

•
•
•
•
ajax asp developer development firefox home html internet javascript microsoft msdn office site software sql vista web
Similar Threads
Other Threads in the JavaScript / DHTML / AJAX Forum

Advertising Opportunities on DaniWeb
Contact Us - Newsletter Archive - Sitemap - Privacy Statement
All times are GMT -4. The time now is 1:11 am.
Forum system based on vBulletin Copyright ©2000 - 2008, Jelsoft Enterprises Ltd.
©2003 - 2008 DaniWeb® LLC