focus() not working in IE when created by appendChild
"Joseph Caprario" <[email protected]> Thu, 30 Aug 2007 04:52:27 -0000
| Newsgroups | gmane.comp.web.dom.wdf |
|---|---|
| Message-ID | <[email protected]> |
--qthGV4peeFvvlw1xliueF8P38VjGtfWllZD0IXZ
Content-Type: text/plain; charset=ISO-8859-1
Content-Transfer-Encoding: quoted-printable
I have a main window and a menu window. The menu window is opened from the =
main=20
window by clicking on "Open Menu". A google window can also be opened from =
the main=20
window by clicking "Open Google". If "google_win" is clicked on in the menu=
window the=20
google window is focused on.
Now if "Add Google to Menu" is clicked in the main window another line is w=
ritten to the=20
menu window also saying "google_win". This second "google_win" is added by =
using=20
appendChild and has the same focus() code behind it as the first "google_wi=
n". But if this=20
second one is clicked the google window is NOT focused on when IE is used. =
I've tried IE6=20
and 7 on XP and IE5.2 on OSX. This does work in Firefox and Safari.
This is the main window code:
[HTML]<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html lang=3D"en">
<head>
<meta http-equiv=3D"content-type" content=3D"text/html; charset=3Dutf-8">
<title>Untitled</title>
</head>
<script type=3D"text/javascript">
<!--
function opengoogle(){
address=3D"http://www.google.com/"
google_win=3Dwindow.open(address,'google_win')
}
function addtomenu(win_name){
sectRef =3D menuwin.document.getElementById('menu_list');
newLine =3D menuwin.document.createElement("br");
sectRef.appendChild(newLine);
newSpan =3D menuwin.document.createElement("span");
openscript =3D "window.opener." + win_name +".focus();"
newSpan.setAttribute('onClick',openscript);
newText =3D menuwin.document.createTextNode(win_name);
newSpan.appendChild(newText);
sectRef.appendChild(newSpan);
}
function openmenu(){
menuwin=3Dwindow.open('menutest1.html','Menu','width=3D200,height=3D600,res=
izable=3Dyes,sc
rollbars=3Dauto,toolbar=3Dyes,location=3Dno,directories=3Dno,status=3Dyes,m=
enubar=3Dyes,copyhisto
ry=3Dno,left=3D0,top=3D100,screenX=3D0,screenY=3D100');
}
//-->
</script>
<body>
<span onClick=3D"openmenu()">Open Menu</span><br>
<span onClick=3D"opengoogle()">Open Google</span><br>
<span onClick=3D"addtomenu('google_win')">Add Google to Menu</span>
</body>
</html>[/HTML]
This code is for the menu window and belongs in a file called "menutest1.ht=
ml"
[HTML]<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html lang=3D"en">
<head>
<meta http-equiv=3D"content-type" content=3D"text/html; charset=3Dutf-8">
<title>Menu</title>
</head>
<body>
<div id=3D'menu_list'>
<span onClick=3D'window.opener.google_win.focus();'>google_win</span>
</div>
</body>
</html>[/HTML]
These pages are at: http://insitefo.com/domtest1.html
Any ideas how to get the added "google_win" line to work properly or why it=
's not=20
working?
Thanks
--qthGV4peeFvvlw1xliueF8P38VjGtfWllZD0IXZ
Content-Type: text/html; charset=ISO-8859-1
Content-Transfer-Encoding: 7bit
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
</head>
<body style="background-color: #ffffff;">
<!--~-|**|PrettyHtmlStartT|**|-~-->
<div id="ygrp-mlmsg" style="width:655px; position:relative;">
<div id="ygrp-msg" style="width: 490px; padding: 0 15px 0 0; float:left; z-index:1;">
<!--~-|**|PrettyHtmlEndT|**|-~-->
<div id="ygrp-text">
<p>I have a main window and a menu window. The menu window is opened from the main <br>
window by clicking on "Open Menu". A google window can also be opened from the main <br>
window by clicking "Open Google". If "google_win" is clicked on in the menu window the <br>
google window is focused on.<br>
Now if "Add Google to Menu" is clicked in the main window another line is written to the <br>
menu window also saying "google_win"<wbr>. This second "google_win" is added by using <br>
appendChild and has the same focus() code behind it as the first "google_win"<wbr>. But if this <br>
second one is clicked the google window is NOT focused on when IE is used. I've tried IE6 <br>
and 7 on XP and IE5.2 on OSX. This does work in Firefox and Safari.<br>
<br>
This is the main window code:<br>
[HTML]<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional/<wbr>/EN"<br>
"<a href="http://www.w3.org/TR/html4/loose.dtd">http://www.w3.<wbr>org/TR/html4/<wbr>loose.dtd</a>"><br>
<html lang="en"><br>
<head><br>
<meta http-equiv="<wbr>content-type" content="text/<wbr>html; charset=utf-<wbr>8"><br>
<title>Untitled<<wbr>/title><br>
</head><br>
<script type="text/javascri<wbr>pt"><br>
<!--<br>
function opengoogle()<wbr>{<br>
address="<a href="http://www.google.com/">http://www.google.<wbr>com/</a>"<br>
google_win=window.<wbr>open(address,<wbr>'google_win'<wbr>)<br>
}<br>
function addtomenu(win_<wbr>name){<br>
sectRef = menuwin.document.<wbr>getElementById(<wbr>'menu_list'<wbr>);<br>
newLine = menuwin.document.<wbr>createElement(<wbr>"br");<br>
sectRef.appendChild<wbr>(newLine)<wbr>;<br>
newSpan = menuwin.document.<wbr>createElement(<wbr>"span");<br>
openscript = "window.opener.<wbr>" + win_name +".focus();"<br>
newSpan.setAttribut<wbr>e('onClick'<wbr>,openscript)<wbr>;<br>
newText = menuwin.document.<wbr>createTextNode(<wbr>win_name)<wbr>;<br>
newSpan.appendChild<wbr>(newText)<wbr>;<br>
sectRef.appendChild<wbr>(newSpan)<wbr>;<br>
}<br>
function openmenu(){<br>
menuwin=window.<wbr>open('menutest1.<wbr>html','Menu'<wbr>,'width=200,<wbr>height=600,<wbr>resizable=<wbr>yes,sc<br>
rollbars=auto,<wbr>toolbar=yes,<wbr>location=<wbr>no,directories=<wbr>no,status=<wbr>yes,menubar=<wbr>yes,copyhisto<br>
ry=no,left=0,<wbr>top=100,screenX=<wbr>0,screenY=<wbr>100');<br>
}<br>
//--><br>
</script><br>
<body><br>
<span onClick="openmenu(<wbr>)">Open Menu</span><<wbr>br><br>
<span onClick="opengoogle<wbr>()">Open Google</span><wbr><br><br>
<span onClick="addtomenu(<wbr>'google_win'<wbr>)">Add Google to Menu</span><br>
</body><br>
</html>[/HTML]<br>
<br>
This code is for the menu window and belongs in a file called "menutest1.html"<br>
[HTML]<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional/<wbr>/EN"<br>
"<a href="http://www.w3.org/TR/html4/loose.dtd">http://www.w3.<wbr>org/TR/html4/<wbr>loose.dtd</a>"><br>
<html lang="en"><br>
<head><br>
<meta http-equiv="<wbr>content-type" content="text/<wbr>html; charset=utf-<wbr>8"><br>
<title>Menu<<wbr>/title><br>
</head><br>
<body><br>
<div id='menu_list'<wbr>><br>
<span onClick='window.<wbr>opener.google_<wbr>win.focus(<wbr>);'>google_<wbr>win</span><br>
</div><br>
<br>
</body><br>
</html>[/HTML]<br>
<br>
These pages are at: <a href="http://insitefo.com/domtest1.html">http://insitefo.<wbr>com/domtest1.<wbr>html</a><br>
<br>
Any ideas how to get the added "google_win" line to work properly or why it's not <br>
working?<br>
<br>
Thanks<br>
<br>
</p>
</div>
<!--~-|**|PrettyHtmlStart|**|-~-->
<span width="1" style="color: white;">__._,_.___</span>
<!-- Start the section with Message In topic -->
<div id="ygrp-actbar">
<span class="left">
<a href="http://groups.yahoo.com/group/wdf-dom/message/5613;_ylc=X3oDMTM0bWx2Zm1pBF9TAzk3MzU5NzE0BGdycElkAzI1NjQ1NjMEZ3Jwc3BJZAMxNzA1MDE2MDYxBG1zZ0lkAzU2MTMEc2VjA2Z0cgRzbGsDdnRwYwRzdGltZQMxMTg4NDU5NTY3BHRwY0lkAzU2MTM-">
Messages in this topic </a> (<span class="bld">1</span>)
</span>
<a href="http://groups.yahoo.com/group/wdf-dom/post;_ylc=X3oDMTJwcXBhbWdxBF9TAzk3MzU5NzE0BGdycElkAzI1NjQ1NjMEZ3Jwc3BJZAMxNzA1MDE2MDYxBG1zZ0lkAzU2MTMEc2VjA2Z0cgRzbGsDcnBseQRzdGltZQMxMTg4NDU5NTY3?act=reply&messageNum=5613">
<span class="bld">
Reply </span> (via web post)
</a> |
<a href="http://groups.yahoo.com/group/wdf-dom/post;_ylc=X3oDMTJldnEyODAwBF9TAzk3MzU5NzE0BGdycElkAzI1NjQ1NjMEZ3Jwc3BJZAMxNzA1MDE2MDYxBHNlYwNmdHIEc2xrA250cGMEc3RpbWUDMTE4ODQ1OTU2Nw--" class="bld">
Start a new topic </a>
</div>
<!------- Start Nav Bar ------>
<!-- |**|begin egp html banner|**| -->
<div id="ygrp-vitnav">
<a href="http://groups.yahoo.com/group/wdf-dom/messages;_ylc=X3oDMTJlM2gwdjQxBF9TAzk3MzU5NzE0BGdycElkAzI1NjQ1NjMEZ3Jwc3BJZAMxNzA1MDE2MDYxBHNlYwNmdHIEc2xrA21zZ3MEc3RpbWUDMTE4ODQ1OTU2Nw--">Messages</a>
</div>
<!-- |**|end egp html banner|**| -->
<div id="ygrp-grft">
</div>
<!-- yahoo logo -->
<!-- |**|begin egp html banner|**| -->
<div id="ygrp-ft">
<a href="http://groups.yahoo.com/;_ylc=X3oDMTJkZHMxbm43BF9TAzk3MzU5NzE0BGdycElkAzI1NjQ1NjMEZ3Jwc3BJZAMxNzA1MDE2MDYxBHNlYwNmdHIEc2xrA2dmcARzdGltZQMxMTg4NDU5NTY3">
<img src="http://us.i1.yimg.com/us.yimg.com/i/yg/img/logo/ma_grp_160.gif" height="15" width="106" border="0" alt="Yahoo! Groups"></a> <br>
<a href="http://groups.yahoo.com/group/wdf-dom/join;_ylc=X3oDMTJmNWNmN3NhBF9TAzk3MzU5NzE0BGdycElkAzI1NjQ1NjMEZ3Jwc3BJZAMxNzA1MDE2MDYxBHNlYwNmdHIEc2xrA3N0bmdzBHN0aW1lAzExODg0NTk1Njc-">Change settings via the Web</a> (Yahoo! ID required) <br>
Change settings via email: <a href="mailto:[email protected]?subject=Email Delivery: Digest">Switch delivery to Daily Digest</a> | <a href = "mailto:[email protected]?subject=Change Delivery Format: Traditional">Switch format to Traditional</a> <br>
<a href="http://groups.yahoo.com/group/wdf-dom;_ylc=X3oDMTJkdTMzM2JjBF9TAzk3MzU5NzE0BGdycElkAzI1NjQ1NjMEZ3Jwc3BJZAMxNzA1MDE2MDYxBHNlYwNmdHIEc2xrA2hwZgRzdGltZQMxMTg4NDU5NTY3">
Visit Your Group
</a> |
<a href="http://docs.yahoo.com/info/terms/">
Yahoo! Groups Terms of Use </a> |
<a href="mailto:[email protected]?subject=">
Unsubscribe </a>
</div> <!-- |**|end egp html banner|**| -->
</div> <!-- ygrp-msg -->
<!-- Sponsor -->
<!-- |**|begin egp html banner|**| -->
<div id="ygrp-sponsor" style="width:140px;float: left; clear: none; margin-left: 5px; background:white; margin-bottom:25px ;position:absolute; top:0; right: 0;">
<!-- Network content -->
<!-- Start vitality -->
<div id="ygrp-vital">
<div id="vithd">Recent Activity</div>
<ul style="list-style-type:none; padding: 0; margin: 2px 0;">
<li style="clear: both;">
<div class="ct" style="float: right;"><span style="display:none"> </span>1</div>
<div class="cat"><a href="http://groups.yahoo.com/group/wdf-dom/members;_ylc=X3oDMTJmMWh1bXVkBF9TAzk3MzU5NzE0BGdycElkAzI1NjQ1NjMEZ3Jwc3BJZAMxNzA1MDE2MDYxBHNlYwN2dGwEc2xrA3ZtYnJzBHN0aW1lAzExODg0NTk1Njc-">New Members</a></div>
</li>
</ul>
<a href="http://groups.yahoo.com/group/wdf-dom;_ylc=X3oDMTJlODVwNXIzBF9TAzk3MzU5NzE0BGdycElkAzI1NjQ1NjMEZ3Jwc3BJZAMxNzA1MDE2MDYxBHNlYwN2dGwEc2xrA3ZnaHAEc3RpbWUDMTE4ODQ1OTU2Nw--">
Visit Your Group </a>
</div>
<!-- Network content -->
<div id="nc">
<div class="ad">
<div id="hd1">Yahoo! Groups</div>
<p><a href="http://us.ard.yahoo.com/SIG=12jbdms54/M=493064.11135488.11710474.8674578/D=groups/S=1705016061:NC/Y=YAHOO/EXP=1188466767/A=4776364/R=0/SIG=11mj2s6kj/*http://advision.webevents.yahoo.com/green/index.html">Going Green</a></p>
<p>Share your passion</p>
<p>for the planet.</p> </div>
<div class="ad">
<div id="hd1">Cat Fanatics</div>
<p><a href="http://us.ard.yahoo.com/SIG=12j1ruta1/M=493064.11292562.11840176.8674578/D=groups/S=1705016061:NC/Y=YAHOO/EXP=1188466767/A=4836040/R=0/SIG=11olbte0b/*http://advision.webevents.yahoo.com/catzone/index.html">on Yahoo! Groups</a></p>
<p>Find people who are</p>
<p>crazy about cats.</p> </div>
<div class="ad">
<div id="hd1">Popular Y! Groups</div>
<p><a href="http://us.ard.yahoo.com/SIG=12j56t2cb/M=493064.11127061.11695037.8674578/D=groups/S=1705016061:NC/Y=YAHOO/EXP=1188466767/A=4763761/R=0/SIG=11ou7otip/*http://advision.webevents.yahoo.com/bestofyahoogroups/">Is your group one?</a></p>
<p>Check it out and</p>
<p>see.</p> </div>
</div>
</div> <!-- |**|end egp html banner|**| -->
<div style="clear:both; color: #FFF; font-size:1px;">.</div>
</div> <img src="http://geo.yahoo.com/serv?s=97359714/grpId=2564563/grpspId=1705016061/msgId=5613/stime=1188459567/nc1=4776364/nc2=4836040/nc3=4763761" width="1" height="1"> <br>
<span style="color: white;">__,_._,___</span>
<!--~-|**|PrettyHtmlEnd|**|-~-->
</body>
<!--~-|**|PrettyHtmlStart|**|-~-->
<head>
<style type="text/css">
<!--
#ygrp-mkp{
border: 1px solid #d8d8d8;
font-family: Arial;
margin: 14px 0px;
padding: 0px 14px;
}
#ygrp-mkp hr{
border: 1px solid #d8d8d8;
}
#ygrp-mkp #hd{
color: #628c2a;
font-size: 85%;
font-weight: bold;
line-height: 122%;
margin: 10px 0px;
}
#ygrp-mkp #ads{
margin-bottom: 10px;
}
#ygrp-mkp .ad{
padding: 0 0;
}
#ygrp-mkp .ad a{
color: #0000ff;
text-decoration: none;
}
-->
</style>
</head>
<head>
<style type="text/css">
<!--
#ygrp-sponsor #ygrp-lc{
font-family: Arial;
}
#ygrp-sponsor #ygrp-lc #hd{
margin: 10px 0px;
font-weight: bold;
font-size: 78%;
line-height: 122%;
}
#ygrp-sponsor #ygrp-lc .ad{
margin-bottom: 10px;
padding: 0 0;
}
-->
</style>
</head>
<head>
<style type="text/css">
<!--
#ygrp-mlmsg {font-size:13px; font-family: arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}
#ygrp-mlmsg table {font-size:inherit;font:100%;}
#ygrp-mlmsg select, input, textarea {font:99% arial,helvetica,clean,sans-serif;}
#ygrp-mlmsg pre, code {font:115% monospace;*font-size:100%;}
#ygrp-mlmsg * {line-height:1.22em;}
#ygrp-text{
font-family: Georgia;
}
#ygrp-text p{
margin: 0 0 1em 0;
}
#ygrp-tpmsgs{
font-family: Arial;
clear: both;
}
#ygrp-vitnav{
padding-top: 10px;
font-family: Verdana;
font-size: 77%;
margin: 0;
}
#ygrp-vitnav a{
padding: 0 1px;
}
#ygrp-actbar{
clear: both;
margin: 25px 0;
white-space:nowrap;
color: #666;
text-align: right;
}
#ygrp-actbar .left{
float: left;
white-space:nowrap;
}
.bld{font-weight:bold;}
#ygrp-grft{
font-family: Verdana;
font-size: 77%;
padding: 15px 0;
}
#ygrp-ft{
font-family: verdana;
font-size: 77%;
border-top: 1px solid #666;
padding: 5px 0;
}
#ygrp-mlmsg #logo{
padding-bottom: 10px;
}
#ygrp-vital{
background-color: #e0ecee;
margin-bottom: 20px;
padding: 2px 0 8px 8px;
}
#ygrp-vital #vithd{
font-size: 77%;
font-family: Verdana;
font-weight: bold;
color: #333;
text-transform: uppercase;
}
#ygrp-vital ul{
padding: 0;
margin: 2px 0;
}
#ygrp-vital ul li{
list-style-type: none;
clear: both;
border: 1px solid #e0ecee;
}
#ygrp-vital ul li .ct{
font-weight: bold;
color: #ff7900;
float: right;
width: 2em;
text-align:right;
padding-right: .5em;
}
#ygrp-vital ul li .cat{
font-weight: bold;
}
#ygrp-vital a{
text-decoration: none;
}
#ygrp-vital a:hover{
text-decoration: underline;
}
#ygrp-sponsor #hd{
color: #999;
font-size: 77%;
}
#ygrp-sponsor #ov{
padding: 6px 13px;
background-color: #e0ecee;
margin-bottom: 20px;
}
#ygrp-sponsor #ov ul{
padding: 0 0 0 8px;
margin: 0;
}
#ygrp-sponsor #ov li{
list-style-type: square;
padding: 6px 0;
font-size: 77%;
}
#ygrp-sponsor #ov li a{
text-decoration: none;
font-size: 130%;
}
#ygrp-sponsor #nc{
background-color: #eee;
margin-bottom: 20px;
padding: 0 8px;
}
#ygrp-sponsor .ad{
padding: 8px 0;
}
#ygrp-sponsor .ad #hd1{
font-family: Arial;
font-weight: bold;
color: #628c2a;
font-size: 100%;
line-height: 122%;
}
#ygrp-sponsor .ad a{
text-decoration: none;
}
#ygrp-sponsor .ad a:hover{
text-decoration: underline;
}
#ygrp-sponsor .ad p{
margin: 0;
}
o{font-size: 0; }
.MsoNormal{
margin: 0 0 0 0;
}
#ygrp-text tt{
font-size: 120%;
}
blockquote{margin: 0 0 0 4px;}
.replbq{margin:4}
-->
</style>
</head>
<!--~-|**|PrettyHtmlEnd|**|-~-->
</html><!--End group email -->
--qthGV4peeFvvlw1xliueF8P38VjGtfWllZD0IXZ--