<?xml version="1.0" encoding="UTF-8" ?>
<?xml-stylesheet type="text/xsl" href="http://www.atalasoft.com/cs/utility/FeedStylesheets/rss.xsl" media="screen"?><rss version="2.0" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:slash="http://purl.org/rss/1.0/modules/slash/" xmlns:wfw="http://wellformedweb.org/CommentAPI/"><channel><title>Jake Opines : YUI, UI</title><link>http://www.atalasoft.com/cs/blogs/jake/archive/tags/YUI/UI/default.aspx</link><description>Tags: YUI, UI</description><dc:language>en</dc:language><generator>CommunityServer 2.1 SP1 (Build: 61025.2)</generator><item><title>A Note Regarding YUI and the WebImageViewer</title><link>http://www.atalasoft.com/cs/blogs/jake/archive/2008/07/21/using-yui-with-the-webimageviewer.aspx</link><pubDate>Mon, 21 Jul 2008 12:50:00 GMT</pubDate><guid isPermaLink="false">647108ca-f046-4d8d-9feb-a7fbd2049b37:14233</guid><dc:creator>jacobl</dc:creator><slash:comments>0</slash:comments><comments>http://www.atalasoft.com/cs/blogs/jake/comments/14233.aspx</comments><wfw:commentRss>http://www.atalasoft.com/cs/blogs/jake/commentrss.aspx?PostID=14233</wfw:commentRss><description>&lt;p&gt;When developing two of my applications for 31 Apps in 31 Days (&lt;a href="http://thindoc.atalasoft.com/" title="ThinDoc" target="_blank"&gt;here&lt;/a&gt; and &lt;a href="http://www.atalasoft.com/31apps/clickword/" title="ClickWord" target="_blank"&gt;here&lt;/a&gt;), I discovered an issue with using YUI with our WebImageViewer. The script tag that references the YUI js files must be inside the main form element. If it is not, the DOM of the WebImageViewer gets distroyed and multiple painful errors ensue.&lt;/p&gt;&lt;p&gt;&amp;lt;html&amp;gt;&lt;br&gt;...&lt;br&gt;&amp;lt;body&amp;gt;&lt;br&gt;...&lt;br&gt;&amp;lt;form ...&amp;gt;&lt;/p&gt;&lt;p&gt;&amp;lt;..WebImageViewer .. /&amp;gt;&lt;/p&gt;&lt;p&gt;&amp;nbsp;&lt;/p&gt;&lt;p&gt;&amp;lt;script type="text/javascript" language="javascript" href="yui-script.js" /&amp;gt;&lt;br&gt;&amp;lt;script type="text/javascript" language="javascript" href="other-yui-script.js" /&amp;gt;&lt;br&gt;&amp;lt;script type="text/javascript" language="javascript"&amp;gt;&lt;/p&gt;&lt;p&gt;&amp;nbsp;// Your JavaScript Goes Here ...&lt;br&gt;&lt;/p&gt;&lt;p&gt;&amp;lt;/script&amp;gt; &lt;br&gt;&lt;/p&gt;&lt;p&gt;&amp;lt;/form&amp;gt; &lt;/p&gt;&lt;p&gt;...&lt;/p&gt;&lt;p&gt;&amp;lt;/body&amp;gt; &lt;br&gt;&amp;lt;/html&amp;gt;&lt;/p&gt;&lt;p&gt;This may also be the case with other third party javascript libraries. I have experienced receiving a similar error when using ExtJS, but didn't try this fix at the time. &lt;br&gt;&lt;/p&gt;
&lt;div class = "shareblock"&gt;&lt;strong&gt;Share this post:&lt;/strong&gt; &lt;a href = "mailto:?body=Thought you might like this: http://www.atalasoft.com/cs/blogs/jake/archive/2008/07/21/using-yui-with-the-webimageviewer.aspx&amp;amp;;subject=A+Note+Regarding+YUI+and+the+WebImageViewer" target="_blank" title = "Post http://www.atalasoft.com/cs/blogs/jake/archive/2008/07/21/using-yui-with-the-webimageviewer.aspx"&gt;email it!&lt;/a&gt; |  &lt;a href = "http://del.icio.us/post?url=http://www.atalasoft.com/cs/blogs/jake/archive/2008/07/21/using-yui-with-the-webimageviewer.aspx&amp;amp;;title=A+Note+Regarding+YUI+and+the+WebImageViewer" target="_blank" title = "Post http://www.atalasoft.com/cs/blogs/jake/archive/2008/07/21/using-yui-with-the-webimageviewer.aspx"&gt;bookmark it!&lt;/a&gt; |  &lt;a href = "http://www.digg.com/submit?url=http://www.atalasoft.com/cs/blogs/jake/archive/2008/07/21/using-yui-with-the-webimageviewer.aspx&amp;amp;;phase=2" target="_blank" title = "Post http://www.atalasoft.com/cs/blogs/jake/archive/2008/07/21/using-yui-with-the-webimageviewer.aspx"&gt;digg it!&lt;/a&gt; |  &lt;a href = "http://reddit.com/submit?url=http://www.atalasoft.com/cs/blogs/jake/archive/2008/07/21/using-yui-with-the-webimageviewer.aspx&amp;amp;title=A+Note+Regarding+YUI+and+the+WebImageViewer" target="_blank" title = "Post http://www.atalasoft.com/cs/blogs/jake/archive/2008/07/21/using-yui-with-the-webimageviewer.aspx"&gt;reddit!&lt;/a&gt; |  &lt;a href = "http://www.dotnetkicks.com/submit/?url=http://www.atalasoft.com/cs/blogs/jake/archive/2008/07/21/using-yui-with-the-webimageviewer.aspx&amp;amp;;title=A+Note+Regarding+YUI+and+the+WebImageViewer" target="_blank" title = "Post http://www.atalasoft.com/cs/blogs/jake/archive/2008/07/21/using-yui-with-the-webimageviewer.aspx"&gt;kick it!&lt;/a&gt; |  &lt;a href = "https://favorites.live.com/quickadd.aspx?marklet=1&amp;amp;;mkt=en-us&amp;amp;;url=http://www.atalasoft.com/cs/blogs/jake/archive/2008/07/21/using-yui-with-the-webimageviewer.aspx&amp;amp;;title=A+Note+Regarding+YUI+and+the+WebImageViewer&amp;amp;;top=1" target="_blank" title = "Post http://www.atalasoft.com/cs/blogs/jake/archive/2008/07/21/using-yui-with-the-webimageviewer.aspx"&gt;live it!&lt;/a&gt;&lt;/div&gt;&lt;img src="http://www.atalasoft.com/cs/aggbug.aspx?PostID=14233" width="1" height="1"&gt;</description><category domain="http://www.atalasoft.com/cs/blogs/jake/archive/tags/AJAX/default.aspx">AJAX</category><category domain="http://www.atalasoft.com/cs/blogs/jake/archive/tags/ASP.NET/default.aspx">ASP.NET</category><category domain="http://www.atalasoft.com/cs/blogs/jake/archive/tags/UI/default.aspx">UI</category><category domain="http://www.atalasoft.com/cs/blogs/jake/archive/tags/WebImageViewer/default.aspx">WebImageViewer</category><category domain="http://www.atalasoft.com/cs/blogs/jake/archive/tags/YUI/default.aspx">YUI</category></item></channel></rss>