<rss version="2.0" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:trackback="http://madskills.com/public/xml/rss/module/trackback/" xmlns:wfw="http://wellformedweb.org/CommentAPI/" xmlns:slash="http://purl.org/rss/1.0/modules/slash/" xmlns:copyright="http://blogs.law.harvard.edu/tech/rss" xmlns:image="http://purl.org/rss/1.0/modules/image/">
    <channel>
        <title>Javascript</title>
        <link>http://geekswithblogs.net/zman/category/5997.aspx</link>
        <description>My adventures in javascript</description>
        <language>en-US</language>
        <copyright>Scott Zischerk</copyright>
        <managingEditor>SZischerk@gmail.com</managingEditor>
        <generator>Subtext Version 0.0.0.0</generator>
        <item>
            <title>Tech Tips: Calling a function on your main page from an IFrame</title>
            <link>http://geekswithblogs.net/zman/archive/2007/01/04/102777.aspx</link>
            <description>&lt;P&gt;&lt;FONT face=Arial size=2&gt;This one had me stumped for a while, turns out it was extremely simple and I just wanted to share.&amp;nbsp; Here's the setup:&lt;/FONT&gt;&lt;/P&gt;&lt;FONT color=#0000ff&gt;
&lt;P&gt;&lt;FONT face="Courier New" size=2&gt;&amp;lt;&lt;/FONT&gt;&lt;/FONT&gt;&lt;FONT face="Courier New"&gt;&lt;FONT color=#a31515 size=2&gt;iframe&lt;/FONT&gt;&lt;FONT size=2&gt; &lt;/FONT&gt;&lt;FONT color=#ff0000 size=2&gt;id&lt;/FONT&gt;&lt;FONT color=#0000ff size=2&gt;="Iframe1" &lt;/FONT&gt;&lt;FONT color=#ff0000 size=2&gt;frameborder&lt;/FONT&gt;&lt;FONT color=#0000ff size=2&gt;="1" &lt;/FONT&gt;&lt;FONT color=#ff0000 size=2&gt;marginwidth&lt;/FONT&gt;&lt;FONT color=#0000ff size=2&gt;="0" &lt;/FONT&gt;&lt;FONT color=#ff0000 size=2&gt;marginheight&lt;/FONT&gt;&lt;FONT color=#0000ff size=2&gt;="0" &lt;/FONT&gt;&lt;FONT color=#ff0000 size=2&gt;width&lt;/FONT&gt;&lt;FONT color=#0000ff size=2&gt;="745" &lt;/FONT&gt;&lt;FONT color=#ff0000 size=2&gt;scrolling&lt;/FONT&gt;&lt;FONT color=#0000ff size=2&gt;="no" &lt;/FONT&gt;&lt;FONT color=#ff0000 size=2&gt;height&lt;/FONT&gt;&lt;FONT color=#0000ff size=2&gt;="445" &lt;/FONT&gt;&lt;FONT color=#ff0000 size=2&gt;style&lt;/FONT&gt;&lt;FONT color=#0000ff size=2&gt;="position:absolute;top:30px;left:5px;background-color:White;z-index:1000;visibility:hidden;" &lt;/FONT&gt;&lt;FONT color=#ff0000 size=2&gt;src&lt;/FONT&gt;&lt;FONT color=#0000ff size=2&gt;="somepage.aspx"&amp;gt;&amp;lt;/&lt;/FONT&gt;&lt;FONT color=#a31515 size=2&gt;iframe&lt;/FONT&gt;&lt;FONT color=#0000ff size=2&gt;&amp;gt;&lt;/FONT&gt;&lt;/FONT&gt;&lt;/P&gt;
&lt;P&gt;&lt;FONT color=#0000ff&gt;&lt;FONT color=#000000&gt;&lt;FONT face=Arial size=2&gt;In the somepage.aspx I had a datalist with a SELECT command argument which updated an object on the server, then on the OnClientClick attribute I wanted to run a javascript function on the main page.&lt;/FONT&gt;&lt;FONT color=#ff0000&gt;&lt;/P&gt;&lt;FONT color=#0000ff&gt;
&lt;P&gt;&lt;FONT face="Courier New" size=2&gt;&amp;lt;&lt;/FONT&gt;&lt;/FONT&gt;&lt;FONT face="Courier New"&gt;&lt;FONT size=2&gt;&lt;FONT color=#a31515&gt;asp&lt;/FONT&gt;&lt;FONT color=#0000ff&gt;:&lt;/FONT&gt;&lt;FONT color=#a31515&gt;Imagebutton&lt;/FONT&gt;&lt;FONT color=#000000&gt; &lt;/FONT&gt;&lt;FONT color=#ff0000&gt;ID&lt;/FONT&gt;&lt;FONT color=#0000ff&gt;="iThumb"&lt;/FONT&gt;&lt;FONT color=#000000&gt; &lt;/FONT&gt;&lt;FONT color=#ff0000&gt;runat&lt;/FONT&gt;&lt;FONT color=#0000ff&gt;="server"&lt;/FONT&gt;&lt;FONT color=#000000&gt;&amp;nbsp;&lt;/FONT&gt;&lt;FONT color=#ff0000&gt;OnClientClick&lt;/FONT&gt;&lt;FONT color=#0000ff&gt;="SomeFunctionOnParentPage();"&lt;/FONT&gt;&lt;FONT color=#000000&gt; &lt;/FONT&gt;&lt;FONT color=#ff0000&gt;CommandName&lt;/FONT&gt;&lt;FONT color=#0000ff&gt;="SELECT"&lt;/FONT&gt;&lt;FONT color=#000000&gt; &lt;/FONT&gt;&lt;FONT color=#ff0000&gt;CommandArgument&lt;/FONT&gt;&lt;FONT color=#0000ff&gt;='0&lt;/FONT&gt;&lt;FONT color=#0000ff&gt;'&lt;/FONT&gt;&lt;FONT color=#000000&gt; &lt;/FONT&gt;&lt;FONT color=#ff0000&gt;ImageUrl&lt;/FONT&gt;&lt;FONT color=#0000ff&gt;='&lt;/FONT&gt;&lt;FONT color=#000000&gt;ImageThumb.aspx&lt;/FONT&gt;&lt;FONT color=#0000ff&gt;'&lt;/FONT&gt;&lt;FONT color=#000000&gt; &lt;/FONT&gt;&lt;FONT color=#0000ff&gt;/&amp;gt;&lt;/FONT&gt;&lt;/FONT&gt;&lt;/FONT&gt;&lt;FONT color=#0000ff&gt;&lt;/P&gt;
&lt;P&gt;&lt;/FONT&gt;&lt;/FONT&gt;&lt;FONT color=#0000ff&gt;&lt;/FONT&gt;&lt;/FONT&gt;&lt;/FONT&gt;&lt;FONT face=Arial size=2&gt;I was trying which way to go up the heirarchy tree to find my function. document.parent, document.parent.frameset, etc.&amp;nbsp; It turns out I was thinking about it all wrong,&amp;nbsp;I needed to think relative to the IFrame.&amp;nbsp; I just needed to put parent in front of the function name.&lt;/FONT&gt;&lt;/P&gt;&lt;FONT color=#ff0000 size=2&gt;
&lt;P&gt;&lt;FONT face="Courier New"&gt;OnClientClick&lt;/FONT&gt;&lt;/FONT&gt;&lt;FONT face="Courier New" color=#0000ff size=2&gt;="parent.SomeFunctionOnParentPage();"&lt;/FONT&gt;&lt;/P&gt;
&lt;P&gt;&lt;FONT color=#0000ff&gt;&lt;FONT face=Arial color=#000000 size=2&gt;I struggled with this one a bit, so I figured I'd post it to save someone else the same grief.&lt;/FONT&gt;&lt;/FONT&gt;&lt;/P&gt;&lt;FONT size=2&gt;&lt;FONT face=Arial&gt;Scott Zischerk&lt;/FONT&gt; &lt;BR&gt;&lt;FONT face=Arial&gt;&lt;A title="Ann Arbor Dot Net Developers Group" href="http://www.aadnd.org" target=_blank&gt;Ann Arbor .Net Developers&lt;/A&gt; Member&lt;/FONT&gt;&lt;FONT color=#0000ff&gt;&lt;/FONT&gt;&lt;/FONT&gt;&lt;p&gt;&lt;a href="http://www.pheedo.com/click.phdo?x=6cda6ad746d942b9a1110d0715a4fa12&amp;u=102777"&gt;&lt;img src="http://www.pheedo.com/img.phdo?x=6cda6ad746d942b9a1110d0715a4fa12&amp;u=102777" border="0"/&gt;&lt;/a&gt;&lt;/p&gt;&lt;iframe src="http://ads.geekswithblogs.net/a.aspx?ZoneID=5&amp;amp;Task=Get&amp;amp;PageID=31016&amp;amp;SiteID=1" width=1 height=1 Marginwidth=0 Marginheight=0 Hspace=0 Vspace=0 Frameborder=0 Scrolling=No&gt;
&lt;script language='javascript1.1' src="http://ads.geekswithblogs.net/a.aspx?ZoneID=5&amp;amp;Task=Get&amp;amp;Browser=NETSCAPE4&amp;amp;NoCache=True&amp;PageID=31016&amp;amp;SiteID=1"&gt;&lt;/script&gt;
&lt;noscript&gt;&lt;a href="http://ads.geekswithblogs.net/a.aspx?ZoneID=5&amp;amp;Task=Click&amp;amp;Mode=HTML&amp;amp;SiteID=1&amp;amp;PageID=31016" target="_blank"&gt;
&lt;img src="http://ads.geekswithblogs.net/a.aspx?ZoneID=5&amp;amp;Task=Get&amp;amp;Mode=HTML&amp;amp;SiteID=1&amp;amp;PageID=31016" width="1" height="1" border="0"  alt=""&gt;&lt;/a&gt;
&lt;/noscript&gt;
&lt;/iframe&gt;
&lt;img src="http://geekswithblogs.net/zman/aggbug/102777.aspx" width="1" height="1" /&gt;</description>
            <dc:creator>Scott Zischerk</dc:creator>
            <guid>http://geekswithblogs.net/zman/archive/2007/01/04/102777.aspx</guid>
            <pubDate>Thu, 04 Jan 2007 21:39:00 GMT</pubDate>
            <wfw:comment>http://geekswithblogs.net/zman/comments/102777.aspx</wfw:comment>
            <comments>http://geekswithblogs.net/zman/archive/2007/01/04/102777.aspx#feedback</comments>
            <slash:comments>1</slash:comments>
            <wfw:commentRss>http://geekswithblogs.net/zman/comments/commentRss/102777.aspx</wfw:commentRss>
            <trackback:ping>http://geekswithblogs.net/zman/services/trackbacks/102777.aspx</trackback:ping>
        </item>
    </channel>
</rss>