accessing an element from another window 1

uncLez · Jul 2, 2002

Hi all,
I am having a problem here...

from a window I open a new one and from the new one I want to run a script that changes an element value in the first one.

I tested this with a hidden form element, which works fine. But now I need to perform this on an input element in a div somewhere else in that document. Abd the thing is, I can't seem to get a hold of that element.

When I access it in the opener window it works...
test line:

Code:

alert('URL = ' + document.getElementById(&quot;idLinkURL&quot;).getAttribute(&quot;value&quot;));

When I try to access it from the newly opened window, like this:

Code:

alert('URL now is :' + window.opener.document.getElementById(&quot;idLinkURL&quot;).getAttribute(&quot;value&quot;));

I get a "window.opener.document.getelementbyid(...) is empty or no object" error message

Can someone help me out on this?

Thanx in advance,
Anton.

SashiRaveendran · Jul 2, 2002

what browser are you using?

uncLez · Jul 2, 2002

AnakinPt · Jul 2, 2002

window.opener?

Have you tryed with only opener.getElementById...?

I think this will workout. I don't know if it works on Netscape, but it works on IE. Anikin
Hugo Alexandre Dias
Web-Programmer
anikin_jedi@hotmail.com

SashiRaveendran · Jul 2, 2002

if idLinkURL is the ID of an <A> tag then try saying:

alert("URL now is :"+window.opener.idLinkURL.href);

uncLez · Jul 2, 2002

sjravee: actually it is an <input type="text"> tag. Weird thing is that I am able to change an <input type=hidden> tag no problem. But the tags inside a <div> I cannot seem to access. While it does work when accessed from the page itself.

Anikin: I will try, but I don't hink it will make much difference. And I CAN access a form element this way... Just not inside the <DIV> thingy

SashiRaveendran · Jul 2, 2002

is the input inbetween form tags?

uncLez · Jul 2, 2002

Well, more or less

There is a form (the one that I can access) in which a huge file gets attached. this consists of shitloads of layers and so on. Like I said I can access the elements from within that page no problem. Just like this: document.getelementbyid("elementid&quot

In my perception I should be able to access the element from another window just about the same way... But somehow for this input tag that does not work, while for input tags outside of div's it does work...

heh, hope this makes sense...

SashiRaveendran · Jul 2, 2002

ok, if it works on the containing page then call a function in the containing page from the popup page also passing in the new value for the text field

from the popup window just say

window.opener.SetTextValue(newvalue)

in your containing page have a script function called SetTextValue

function SetTextValue(thenewval)
{
document.getElementById("idLinkURL&quot

.value = thenewval
}

uncLez · Jul 2, 2002

Hmmz, this is getting weird...

I cannot even run a function like that??? the function:

Code:

function SetInternal(internelink)
	{
	document.getElementById(&quot;idLinkURL&quot;).value = internelink;
	}

The function calling the function from the pop-up window...

Code:

function ExportLink(IDwaarde)
	{
	var Stringel;
	Stringel = 'Pagina ' + IDwaarde;
	alert('Stringeltje = ' + Stringel);
	window.opener.SetInternal(Stringel);
	window.close('Preview');
	}

And I get an "the property or method is not supperted by this object" error message...

I'm going insane :]

SashiRaveendran · Jul 2, 2002

when you opened the window did you set a reference to it ie:

var newwin =window.open(...

uncLez · Jul 2, 2002

Yeah...

Gets done in a function as well.

Like this:

Code:

function InsertInternalLink()
	{
	var newwin = window.open('ContEd_Admin_InterneLink.asp','Intern','titlebar,scrollbars,width=340,height=480');
	}

SashiRaveendran · Jul 2, 2002

try var ing it outside the function, ie make it global and setting the opener

ie:

var newwin = '';

function InsertInternalLink()
{
if (newwin.location && !newwin.closed)
{ newwin.location.href="ContEd_Admin_InterneLink.asp";
}
else
{
newwin=window.open('ContEd_Admin_InterneLink.asp','name','height=200,width=150');
if (!newwin.opener) newwin.opener = self;
}
if (window.focus) {newwin.focus()}
}

uncLez · Jul 2, 2002

Heh... this is getting very frustrating =(

It still does not work...

Thanx so much for all your help though, dude!

I'll just show you all the code that is involved, just to make sure...

The elements involved:

Code:

<td>
 
<select id=&quot;idLinkType&quot; NAME=&quot;idLinkType&quot; onchange=&quot;CheckInternal();&quot;>
<option value=&quot;&quot; selected></option>
<option value=&quot;intern&quot;>intern:</option>
<option value=&quot;[URL unfurl="true"]http://&quot;[/URL] selected>[URL unfurl="true"]http://</option>[/URL]
<option value=&quot;[URL unfurl="true"]https://&quot;>https://</option>[/URL]
<option value=&quot;mailto:&quot;>mailto:</option>
<option value=&quot;ftp://&quot;>ftp://</option>
<option value=&quot;news:&quot;>news:</option>
</select>
<input type=text size=30 id=&quot;idLinkURL&quot; value=&quot;&quot; style=&quot;height: 19px;font:8pt verdana,arial,sans-serif&quot; NAME=&quot;idLinkURL&quot;>
</td>

The functions that process the onChange:

Code:

<script language=javascript>
var newwin = '';

function InsertInternalLink()
	{
	if (newwin.location && !newwin.closed)
		{
		newwin.location.href = 'ContEd_Admin_InterneLink.asp';
		}
	else
		{
		newwin = window.open('ContEd_Admin_InterneLink.asp','Intern','titlebar,scrollbars,width=340,height=480');
		if (!newwin.opener)
			{
			newwin.opener = self;
			}
		if (window.focus)
			{
			newwin.focus()
			}
		}
	}

function CheckInternal()
	{
	if (document.getElementById(&quot;idLinkType&quot;).selectedIndex == 1)
		{
		InsertInternalLink();
		}
	}
	
function SetInternal(internelink)
	{
	document.getElementById(&quot;idLinkURL&quot;).value = internelink;
	}
</script>

The function that tries to put the value back into the first page:

Code:

<script language=javascript>
function ExportLink(IDwaarde)
	{
	var Stringel;
	Stringel = 'Pagina ' + IDwaarde;
	window.opener.SetInternal(Stringel);
	window.close();
	}
</script>

And stil getting the object does not support the property/method error on the window.opener.SetInternal line...

Anything I missed/looked over/mistyped/misinterpreted? I am running out of options

And thanx again for your help so far, m8!

SashiRaveendran · Jul 2, 2002

Bad news, it works! in IE55, this is wierd!

Ok the following code works fine in IE55, all i did was modify the code slighly to add a form tag in there and a div tag

[MAIN PAGE]:

<html>
<head>
<script language=javascript>
var newwin = '';

function InsertInternalLink()
{
if (newwin.location && !newwin.closed)
{
newwin.location.href = 'popup.htm';
}
else
{
newwin = window.open('popup.htm','Intern','titlebar,scrollbars,width=340,height=480');
if (!newwin.opener)
{
newwin.opener = self;
}
if (window.focus)
{
newwin.focus()
}
}
}

function CheckInternal()
{
if (document.getElementById("idLinkType&quot

.selectedIndex == 1)
{
InsertInternalLink();
}
}

function SetInternal(internelink)
{
document.getElementById("idLinkURL&quot

.value = internelink;
}
</script>
</head>
<body>
<form name=Test>
other inputs go here i take it<br>
<div id=Holding>
<table><tr><td>
<select id="idLinkType" NAME="idLinkType" onchange="CheckInternal()">
<option value="" selected></option>
<option value="intern">intern:</option>
<option value="

http://"

selected>

http://</option>

<option value="

https://">https://</option>

<option value="mailto:">mailto:</option>
<option value="ftp://">ftp://</option>
<option value="news:">news:</option>
</select>
<input type=text size=30 id="idLinkURL" value="" style="height:19px; font:8pt verdana,arial,sans-serif" NAME="idLinkURL">
</td></tr></table>
</div>
</form>
</body>
</html>

[POPUP.HTM]:

<html>
<head>
<script language=javascript>
function ExportLink(IDwaarde)
{
var Stringel;
Stringel = 'Pagina ' + IDwaarde;
window.opener.SetInternal(Stringel);
window.close();
}
</script>
</head>
<body>
ADD:<input type=text id=AddText><a href="#" onclick="ExportLink(AddText.value);return false">add</a>
</body></html>

Does this example work on your browser?

uncLez · Jul 2, 2002

Like a breeze...

omg! =]

Could it be that the way in which all the content gets included somehow screws this up?

Like this
<html XMLNS:ACE>

=> Rest of the Form...

=> The huge file gets attached here...

<ACE:AdvContentEditor id="idContent" content="" onSave="Save();" onImgLookupOpen="OpenImgLookup()" />

Coz everything SHOULD work now... I mean, it does, except when my I try to access elements inside this attached stuff...

SashiRaveendran · Jul 2, 2002

Probably best start off with the basic script we just wrote, then start adding your extra scripts and includes to the page one at a time, each time testing to make sure everything works. This should point you in the general direction of the troublesome code

uncLez · Jul 3, 2002

I'll try some more options.
Thanx for all yer help, dude.

You da man... :]

Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

accessing an element from another window 1

Programmer

Programmer

Programmer

Programmer

Programmer

Programmer

Programmer

Programmer

Programmer

Programmer

Programmer

Programmer

Programmer

Programmer

Programmer

Programmer

Programmer

Programmer

Similar threads

Log in

Part and Inventory Search

Sponsor