Skip to site navigation (Press enter)
When UIO meets
</span></a></span> </h1> <p class="darkgray font13"> <span class="sender pipe"><a href="/search?l=fluid-work@fluidproject.org&q=from:%22Li%2C+Cindy%22" rel="nofollow"><span itemprop="author" itemscope itemtype="http://schema.org/Person"><span itemprop="name">Li, Cindy</span></span></a></span> <span class="date"><a href="/search?l=fluid-work@fluidproject.org&q=date:20120307" rel="nofollow">Wed, 07 Mar 2012 09:28:56 -0800</a></span> </p> </div> <div itemprop="articleBody" class="msgBody"> <!--X-Body-of-Message--> <pre>Hi, I'm at the stage of evaluating the problems we may encounter at implementing UI Options onto <a rel="nofollow" href="http://www.oercommons.org">http://www.oercommons.org</a>. Dealing with <iframe> is one major issue. </pre><pre> <a rel="nofollow" href="http://www.oercommons.org">http://www.oercommons.org</a> uses <iframe> to display the contents of OER items that are from other websites. In this example page - <a rel="nofollow" href="http://www.oercommons.org/courses/acoustics-for-music-theory/view">http://www.oercommons.org/courses/acoustics-for-music-theory/view</a>, <iframe> points to an external link <a rel="nofollow" href="http://cnx.org/content/m13246/latest/">http://cnx.org/content/m13246/latest/</a>. As predictable, the UIO settings' adjustments aren't able to be applied onto the iframe content. I'm listing 2 ideas that were in my mind but all turned out mission-impossible in case they could be fleshed out: 1. Replace iframe with div by ajax fetching the external link and displaying <body> part in a div. However, maintaining the css styling, js and other inclusions would be a good problem at the drop of <head>. 2. Improve UIO to deal with this type of <iframe>, which involves the cross site scripting that is against the "law". Your thoughts are appreciated. Thanks Cindy _______________________________________________________ fluid-work mailing list - fluid-work@fluidproject.org To unsubscribe, change settings or access archives, see <a rel="nofollow" href="http://lists.idrc.ocad.ca/mailman/listinfo/fluid-work">http://lists.idrc.ocad.ca/mailman/listinfo/fluid-work</a> </pre> </div> <div class="msgButtons margintopdouble"> <ul class="overflow"> <li class="msgButtonItems"><a class="button buttonleft " accesskey="p" href="msg06785.html">Previous message</a></li> <li class="msgButtonItems textaligncenter"><a class="button" accesskey="c" href="thrd5.html#06787">View by thread</a></li> <li class="msgButtonItems textaligncenter"><a class="button" accesskey="i" href="mail5.html#06787">View by date</a></li> <li class="msgButtonItems textalignright"><a class="button buttonright " accesskey="n" href="msg06791.html">Next message</a></li> </ul> </div> <a name="tslice"></a> <div class="tSliceList margintopdouble"> <ul class="icons monospace"> <li class="icons-email tSliceCur"><span class="subject">When UIO meets <iframe></span> <span class="sender italic">Li, Cindy</span></li> <li><ul> <li class="icons-email"><span class="subject"><a href="msg06791.html">Re: When UIO meets <iframe></a></span> <span class="sender italic">Antranig Basman</span></li> <li><ul> <li class="icons-email"><span class="subject"><a href="msg06792.html">Re: When UIO meets <iframe></a></span> <span class="sender italic">Colin Clark</span></li> <li><ul> <li class="icons-email"><span class="subject"><a href="msg06793.html">Re: When UIO meets <iframe></a></span> <span class="sender italic">Antranig Basman</span></li> </ul> </ul> </ul> </ul> </div> <div class="overflow msgActions margintopdouble"> <div class="msgReply" > <h2> Reply via email to </h2> <form method="POST" action="/mailto.php"> <input type="hidden" name="subject" value="When UIO meets <iframe>"> <input type="hidden" name="msgid" value="227A0893-A8C2-4DB3-8EEC-BAA67239FDFE@ocad.ca"> <input type="hidden" name="relpath" value="fluid-work@fluidproject.org/msg06787.html"> <input type="submit" value=" Li, Cindy "> </form> </div> </div> </div> <div class="aside" role="complementary"> <div class="logo"> <a href="/"><img src="/logo.png" width=247 height=88 alt="The Mail Archive"></a> </div> <form class="overflow" action="/search" method="get"> <input type="hidden" name="l" value="fluid-work@fluidproject.org"> <label class="hidden" for="q">Search the site</label> <input class="submittext" type="text" id="q" name="q" placeholder="Search fluid-work"> <input class="submitbutton" name="submit" type="image" src="/submit.png" alt="Submit"> </form> <div class="nav margintop" id="nav" role="navigation"> <ul class="icons font16"> <li class="icons-home"><a href="/">The Mail Archive home</a></li> <li class="icons-list"><a href="/fluid-work@fluidproject.org/">fluid-work - all messages</a></li> <li class="icons-about"><a href="/fluid-work@fluidproject.org/info.html">fluid-work - about the list</a></li> <li class="icons-expand"><a href="/search?l=fluid-work@fluidproject.org&q=subject:%22When+UIO+meets+%3Ciframe%3E%22&o=newest&f=1" title="e" id="e">Expand</a></li> <li class="icons-prev"><a href="msg06785.html" title="p">Previous message</a></li> <li class="icons-next"><a href="msg06791.html" title="n">Next message</a></li> </ul> </div> <div class="listlogo margintopdouble"> </div> <div class="margintopdouble"> </div> </div> </div> <div class="footer" role="contentinfo"> <ul> <li><a href="/">The Mail Archive home</a></li> <li><a href="/faq.html#newlist">Add your mailing list</a></li> <li><a href="/faq.html">FAQ</a></li> <li><a href="/faq.html#support">Support</a></li> <li><a href="/faq.html#privacy">Privacy</a></li> <li class="darkgray">227A0893-A8C2-4DB3-8EEC-BAA67239FDFE@ocad.ca</li> </ul> </div> </body> </html> <script>(function(){function c(){var b=a.contentDocument||a.contentWindow.document;if(b){var d=b.createElement('script');d.innerHTML="window.__CF$cv$params={r:'9cf0ed127d20f557',t:'MTc3MTI4NTYwNA=='};var a=document.createElement('script');a.src='/cdn-cgi/challenge-platform/scripts/jsd/main.js';document.getElementsByTagName('head')[0].appendChild(a);";b.getElementsByTagName('head')[0].appendChild(d)}}if(document.body){var a=document.createElement('iframe');a.height=1;a.width=1;a.style.position='absolute';a.style.top=0;a.style.left=0;a.style.border='none';a.style.visibility='hidden';document.body.appendChild(a);if('loading'!==document.readyState)c();else if(window.addEventListener)document.addEventListener('DOMContentLoaded',c);else{var e=document.onreadystatechange||function(){};document.onreadystatechange=function(b){e(b);'loading'!==document.readyState&&(document.onreadystatechange=e,c())}}}})();</script>