Remotely exchange data between iFrame and parent (jQuery .vs. HTML5)
One of the many nagging web development problems that the HTML5 working group is addressing with the new HTML specification, is the difficulty in working with content or exchanging data in between an iFrame and the main (origin) page which embeds it, as well as across separate windows (tabs) and domains.
Image courtesy of jquery project
jQuery
In order to accomplish the exchange of data between iFrames, while we wait for more browsers to support the new Communications section of the HTML5 spec (more specifically the postMessage function), the following is a quick way to make the communication magic happen with the convenience of jQuery:
Read the rest of this entry »
Dynamically Resizing an iFrame
Example of an iFrame - Loading Google.com search bar
iFrames, love them or hate them they are all over the web.
When used properly, they can actually enhance a user’s experience for example by embedding multimedia or related content from a separate site, however when used improperly, and they often are, they can be an unsightly nuisance.
Mostly, I try to advocate proper uses of such technology for example embedding videos as per YouTube’s experimental HTML5 player and its new iFrame embed format (which others seem to be picking up on quickly). By the same token, from time to time I like to mess around and see what’s possible.
Here’s a border-line improper – if not entirely improper – usage of an <iframe> that I’ve thrown together just while toying around with the idea of displaying data from multiple sources at the same time.
First, you provide two separate class definitions, which state rules for when the iFrame is in focus (onmouseover, or after a hover event landed in an X/Y co-ordinate position over top the iFrame), and another which is the default state of “off” for when the iFrame is not in focus (onmouseout, or before any hover event occurs):
Read the rest of this entry »
BC$ = Behavior, Content, Money
The goal of the BC$ project is to raise awareness and make changes with respect to the three pillars of information freedom - Behavior (pursuit of interests and passions), Content (sharing/exchanging ideas in various formats), Money (fairness and accessibility) - bringing to light the fact that:
1. We regularly hand over our browser histories, search histories and daily online activities to companies that want our money, or, to benefit from our use of their services with lucrative ad deals or sales of personal information.
2. We create and/or consume interesting content on their services, but we aren't adequately rewarded for our creative efforts or loyalty.
3. We pay money to be connected online (and possibly also over mobile), yet we lose both time and money by allowing companies to market to us with unsolicited advertisements, irrelevant product offers and unfairly structured service pricing plans.