Weblabor

Rengeteg módszer létezik a widgetek építésére, és azok kommunikálására. A legegyszerűbb, hogy a harmadik fél oldalába beszúrja a te JavaScript kódodat, ami ezek után JSONP-n keresztül kommunikál a te oldaladdal, és DOM manipulációval szúrja be a tartalmat. Amennyiben elég statikus a tartalom, akkor magában a beszúrt JavaScript fájlban is lehet maga a tartalom, bár ekkor a böngésző gyorsítótárazása miatt nehéz lesz a tartalmat frissíteni. Ha azonban komplexebb a tartalom, és a harmadik fél nem szeretné, hogy esetleg CSS miatt módosulna az oldala, akkor jöhet megoldásként az iframe. Ekkor viszont meg kell küzdeni az iframe és a harmadik fél oldala közötti kommunikációval, még csak olyan kis részletek miatt is, mint az iframe átméretezése a benne levő tartalom miatt. Mivel valahogy a harmadik fél oldalában levő szkript tudtára kell juttatnod hogy megváltozott az iframe-ben levő tartalom magassága például.

Erre a modern böngészőkben létezik a postMessage metódus, amivel a két "ablak" között lehet adatokat küldözgetni, legjobb, ha String formájában ugyanis egyéb objektumok forgalmazása nem minden böngészőben támogatott. A String formát legjobb, ha JSON-ban valósítja meg az ember, mert abba bonyolultabb adatokat is be lehet csomagolni, illetve onnan kicsomagolni. Amennyiben 9-esnél régebbi IE-t is támogatni akarsz, akkor meg kell valósítani a postMessage emulációt azokban a böngészőkben, amelyek ezt nem támogatják. Ezt az iframe name tulajdonságának illetve URL-jének módosításával lehet elérni, illetve léteznek kész könyvtárak is, minta amilyen a Josh Fraser féle.

Amennyiben lehetőséged van egy általad írt fájlt a célszerverre juttatni (azaz megegyeztél a harmadik féllel, hogy hosztoljon neked egy HTML fájlt, amit te írtál), akkor még összetettebb kommunikációt is megvalósíthatsz. Ezt úgy kell elképzelni, hogy a te iframe-edbe elhelyezed a harmadik fél oldalán levő HTML-t, és azt az iframe-et méretezed át, és annak az URL-jét módosítva tudsz kommunikálni a harmadik féllel. Valamint a harmadik fél oldalában elhelyezel még egy iframe-et, ami a te domain-edről jön, és ekkor annak az átméretezésével, és URL-jének módosításával tud kommunikálni a harmadik fél a te oldaladdal. A cross domain kommunikációról van egy részletes cikk, érdemes elolvasni.