ska: unmasked interrupts
Saturday, 19. June 2010

JS-Bootloading into the DOM

I believe, the sustained success of flash over the years is largely due to the fact, that interactive and complex content is so easy to put on a web page, while the page itself can be agnostic to this encapsuled content.
With the Intermedia Web Image software suite we introduced a method we call javascript bootloading to inject interactive content into a web page.

As well as with flash, the host page is totally agnostic to the embedded content. To advance this a bit, there is even a special closure layer to secure the embedded content from the host page.
The bootloading is quite reliable and is positively tested in all major browsers.
See this example:

Just a single line of code in the host page (a simple script statement) invokes the bootloading process:

<script type="text/javascript" src="http://intermedia.pixelboxx.com/demo/boot/a8OQ_IrDJMJDYfZL/hovergallery"></script>

The bootloader is quite flexible and also agnostic to the content it should inject - it's all just configuration.
The configuration is either passed through a single parameter in its URL - a name anchor reference that points to a JS object containing the actual configuration, or through the bootloader itself.
For the primary demo examples within Intermedia, we used the latter method to apply the most simplified integration.
Encapsulation and closures reliably ensure that this method may be applied several times on a single page or used with different content.
As Intermedia is a provider of scaled-to-fit instant images, the actual size of the included content can adapt dynamically.
If you inspect the (this) rendered page with firebug, you will see, that it differs from the HTML source. The script-tag invoking the bootloading-process is removed automatically through the bootloader and replaced with the integrated content. This ensures, that the js-capsule behaves very similar to embedded flash content.

... read more stories on the topic Gadgeteria

... permalink... comment  ...xml version of this page

Online for 1543 days
Last update: 2012.04.29, 12:14
... home
... about
... news feeds
search
 
status
You're not logged in ... login
unmasked links of interest
What if ?Gamification? Meant...
Seeing some of the new games out for the holidays this year has reminded me of what...
T-Mobile JavaScript comment...
Attempts by T-Mobile to speed up mobile data connections are breaking websites. The...
LexisNexis open sources code...
HPCC Systems, the division of LexisNexis Risk Solutions dedicated to big data, has...
Standards - ColourWiki
There are several standards connected with color management. Some technical standards...
Alice.js
Alice.js - (A Lightweight Independent CSS Engine) is a micro JavaScript library focused...
Creating Triangles in CSS...
Jon Rohan: I've come across a few techniques and tips in my career, while working...
Facebook Wins ?Worst API?...
A survey of over 100 developers, previously posted here on Hacker News, aimed to...
DIY Spy Drone Sniffs Wi-Fi,...
Launch your personal, specially equipped WASP drone ? short for Wireless Aerial Surveillance...
OpenSocial 2.0: Will key new...
Introducing OpenSocial 2.0 Now in 2011, OpenSocial has the largest revision coming...
Improving DOM Performance...
This article will look into four ways to update game objects in the DOM to find which...
more unmasked links...
unmasked recent updates
reply
If you try to find place where you can get resume writing...
by kathleencook (2012.04.29, 12:14)
respond this post
I would get more information about this good topic...
by graham33leigh (2012.04.18, 11:36)
respond
I create accounts on a lot of seo forums but nobody...
by wynnhilda22 (2012.04.16, 21:58)
reply
I do really would like to to thank so much for your...
by sanfordmaria (2012.04.16, 16:05)
answer this topic
Consequently url submission directory service can got...
by michaeltwila18 (2012.04.15, 21:34)
menu
... home
... topics
... galleries

... Pixelbloxx home
calendar
June 2010
Mon
Tue
Wed
Thu
Fri
Sat
Sun
 
 1 
 2 
 3 
 4 
 5 
 6 
 7 
 8 
 9 
11
12
13
14
15
16
17
21
22
23
24
25
26
27
28
29
30
 
 
 
 
 

xml version of this page

made with antville

eee

XING