Nemrég összedobtam a Pitlane.hu-hoz egy weboldalakba beilleszthető JS alapú widget-et. Ilyet még nem csináltam, jó szórakozás volt összehozni: a feladatban volt egy kis JavaScript, némi CSS és persze PHP is.
Tehát, a beépítendő kód valahogy így néz ki:
<script type="text/javascript"><!--
var pitlane_widget_items = 7;
var pitlane_widget_width = 510;
var pitlane_widget_border = "617D1F";
var pitlane_widget_background = "EEEEEE";
var pitlane_widget_link = "D17921";
var pitlane_widget_link_hover = "975719";
var pitlane_widget_font_size = "10";
//-->
</script>
<script type="text/javascript" src="http://pitlane.hu/widget/widget.js"></script>
A widget.js mindössze annyit tesz, hogy beállítja a meg nem határozott változók default értékeit, majd egy újabb javascript-et emel be. Ezt az új JS-t viszont már szerver oldalon, egy PHP szkript generálja, amely GET paraméterként megkapja a fent beállított adatokat. Ez a PHP által generált JS nem tartalmaz mást, mint egy nagy document.write()-ot.
A kimenet pedig egy SCRIPT tag és néhány egymásbaágyazott DIV. Tehettem volna IFRAME-be is, de akkor kötött lenne a magassága a doboznak, én pedig mindenképpen dinamikus magasságú dobozt szerettem volna. Így viszont volt egy kis gond a karakterkódolásokkal, de a PHP htmlentities függvénye megoldotta ezt is.
Nem maradt más hátra, mint egy demó:
