Projects

Xinha

Xinha is a powerful WYSIWYG HTML editor component that works in Mozilla / Firefox based browsers as well as in MS IE. Its configurabilty and extensibility make it easy to build just the right editor for multiple purposes, from a restricted mini-editor for one database field to a full-fledged ... [More] website editor. Its liberal licence makes it an ideal candidate for integration into any kind of project. [Less]

JA-SIG Inline Frame Portlet

easyXDM

A javascript library that uses available techniques to to provide a means of transporting messages and/or method calls between windows in different domains. -------------------------------------- Formerly known as easyXSS -------------------------------------- The library is currently ... [More] implementing postMessage for browsers that supports this and will fall back to using the IFrame URL Technique for all others, including IE6. See the homepage for more information. -------------------------------------- Downloads are available at GitHub. [Less]

managediframe

Ext.ux.ManagedIframe/PanelEver try to use an Iframe element as a '''writable''' body to Ext.Panel? Perhaps to render your own content in isolation from the rest of the host page, or just load another website in a tab panel. Getting an IFRAME into the right place in the ... [More] DOM isn't too difficult, but updating its contents with Ext.Elements' update method is a challenge. Ext.Element assumes the element it's managing has a innerHTML property. Well, IFRAMEs don't! So to make ''writable'' IFRAMEs easier to use within Ext framework, this extension overrides the default update method of Ext.Element(for the designated IFRAME) to provide exactly that sort of thing. Now, you can use: IFrameEl.update("New content");meaning -- you can write any string content (replacing the entire document) directly to embedded document model of an IFrame. When using the extensions' new ''update'' and existing load methods, your IFrame acts like any other updateable (like innerHTML) element. Ext.ux.ManagedIframePanel extends the standard Ext.Panel class which leverages the cool layout management features of a Panel, but embeds a ManagedIframe into the body of the panel. This preserves the native header, footer, and toolbar support of a standard panel, but permits creation of complex body layouts surrounding an IFrame. Features availableUpdateManager.update and load support (to IFrames document). advanced scripting support. loadMask support. Cross-frame messaging frame Ext.Element support (ie. MIF.get, getDom, getDoc, fly ), frame CSS selector queries (eg. MIF.select/query) , frame CSS.styleSheet interface (create, modify, remove frame-embedded style rules) frame Ext.EventManager support to DOM elements embedded in a frames document. (Use the Element interface to query embedded DOM elements just like you would in the parent document; all without loading the Ext framework within the embedded page): MIF.select('img',true).setOpacity(.5);or MIFPanel.getFrame().select('img',true).setOpacity(.5);Set Event listeners on a frames DOM elements for handling with scripts hosted in the parent page: //Select all images in the frame document and set a 'click' event handler on //each using event delegation. MIF.getDoc().on('click',function(e){ alert('Image ' + e.getTarget().id + ' was Clicked.') },null, {delegate:'img'});Supported eventsdocumentloaded domready (fired when used with Updatemanager.update method, or when the document DOM reports ready) messagesubject exception blur (fired when the frame window loses focus) focus (fired when the frame window receives focus) resize (fired when the frame window receives focus) unload (fired when the frame document is unloaded) Running the packaged Examples (MIF 1.x)Extract the current source and demo files from miframe1_2.zip directly into a new/existing: /examples/miframe directory of your standard 2.x Ext.distribution. Online Examples for ManagedIFrame 2.0 (for Ext 3.0 only)Simple MIF.Window. By popular demand: A Westside Story (Ext.Treepanel-based URL Layout drives a MIF-filled TabPanel ) PDFSubmit (demonstrates MIF's ability to submit Forms/File-uploads using its new 'submitAsTarget' method)). More MIF2 demos coming soon... [Less]

notscripts

NotScripts is a break through Google Chrome extension that gives you greater control over what javascript, iframes, and plugins run in your browser to increase security and lower the CPU usage. NotScripts can help to mitigate attacks like cross-site scripting (XSS) and drive by downloads by giving ... [More] you control over what third-party javascript and content loads on the sites you visit. NotScripts is inspired by the “NoScript” addon for Firefox and seeks to emulate it within the limitations of the Google Chrome extensions API. It is not affiliated with “NoScript“, I just happen to like it’s functionality and wanted it on Google Chrome. [Less]

flex-iframe

The Flex-IFrame component allows developers to embed an html page inside a Flex application. Visit the project's home page for more informations.

benma-iframe-tab

基于Jquery的iframe tab标签组件

customiframe

This gadget is used to work iframe codes in a web page.

autosizeiframe

Autosizes an iframe containing cross-domain content, if you control both domains.

tarmac

AnnouncementTemporarily rolled back to 0.1.1 DescriptionA javascript based modal function written purely for iframes (could work with other content with some tweaks though) that allows for easy stat tracking through an analytics tool. Looks like fancy zoom but it's built without tables ... [More] , plays nice with IE6, and is easy to deploy. Grabs any link with a class of "tarmac", loads that content into an iframe and opens it in a tasty looking modal. More documentation soon... input more than welcome. Version Notesv 0.1.2 Added fix to remove frame border from generated iframe in IE based browsers v 0.1.1 Added options for defining layout and positioning on a link by link basis use the following w: (this is for width) h: (this is for height) vcenter: true|false (set to true or false, controls vertical centering) hcenter: true|false (set to true or false, controls horizontal centering) top: (this is the top value used if vcenter:false is set) left: (this is the left value used if hcenter:false is set) isfixed: true|false (set to true or false, controls position: css attribute) Defaults for each attribute can be set in the javascript variable declaration near the top of the script [Less]