joszijnsite

Site update

Wie hier reeds eerder was, merkt het: er is hier de laatste tijd weer ‘t één en ‘t ander veranderd. Concreet zijn de twee belangrijkste wijzigingen (1) een rechterbalksken en (2) videodinges van Google.

Bij ‘meer’ een hele uitleg hoe ik er in geslaagd ben die dingen hier aan toe te voegen. Enkel tekst, geen tekeningen. Niet voor leken.

Over het rechterbalksken: dat is iets waar ik eigenlijk al lang over aan ‘t denken was, zo van “jeetje wat wordt die linkerbalk lang zeg”, gevolgd door een “allez, dat moet toch lukken om ook aan de rechterkant een balkske te hebben?”… en omdat de lay-out van deze site volkomen door andere mensen ineengestoken is (speciaal voor mensen zoals mij), dacht ik “er zal op internet toch ook wel een versie met zo’n rechterbalkske te vinden zijn zeker?”. Mijn zoektocht bracht me naar het zogenaamde “Rin Tin Tin theme”, gebaseerd op het “Rin theme” dat ik tot nu toe gebruikte. Doch helaas, ik kwam steeds terecht op deze pagina. Page Not Found!

Daar hield ik het de voorbije keren steeds bij voor bekeken, het leek wel alsof ik nooit dat rechterbalkske zou kunnen toevoegen. Wanneer ik zelf eens een oplossing probeerde te verzinnen, werd dat steeds een verschrikkelijke mislukking… dat was dus ook al geen optie. Tot ik vandaag opmerkte dat die website eigenlijk zélf zo’n rechterbalkske had – en dat het (op enkele kleuren na) nog steeds het “Rin theme” was. Er ging een lampje branden: ik moet gewoon maar de code kopiëren die dààr wordt gebruikt en dan is ‘t in orde!

Zo gedacht, zo gedaan. Dat bleek natuurlijk niet zo eenvoudig als ik dacht, want er diende wel nog één en ander te veranderen (voor de kenners: vooral aan de stylesheet). Chance dat ik begreep wat er moest veranderen, anders zat ik hier nu nog te klooien. Doch zie: het is daar, het rechterbalkske. Hoera!

Rechtbalkskes dienen om gebruikt te worden, dus hopla: zet ik daar maar gelijk die videodinges van Google bij. Daar kan ik ook nog wat over vertellen. Ik kwam dat dingetje voor den eerste maal tegen bij pdw – en ik was er meteen van weg. Dat moést ik ook hebben. Maar waar vind ik zoiets? – Ik heb mijn Sherlock-klak opgezet en ik kwam terecht op deze pagina, maar die bleek het niet te zijn. Blijven zoeken… en toen kwam ik via deze op deze, maar die bleek het ook niet te zijn. In de broncode van pdw zijn pagina zag ik dan dingen als “ResultDiv_gsvb” staan, wat voor mij schreeuwt om gegoogeld te worden. Een goed spoor, zo bleek. Het ding had een naam: de GSVideoBar. Google bracht me nogmaals een stap dichter bij de oplossing… en die bleek Google zélf te zijn. De (Google) AJAX Video Bar die gebruik maakt van (AJAX en) de Google AJAX Search API.

Daar hoefde ik niet lang mee te sukkelen, er was een wizard voorzien die me alles zou leveren… dacht ik. De code die ik kreeg van de wizard heb ik nog wat moeten uitbreiden met ditjes en datjes uit de programming guide alsook de stijl ervan lichtjes aanpassen in de stylesheet ervan. (Ziet ge wat ik gedaan heb? …)

Toen dàt eindelijk gedaan was, moest ik het nog in het rechterbalkske krijgen. – En dat gaat niet zomaar! Allez, ja, dat gaat wél, maar het is handiger als dat niet zo is… ziet ge, die zijbalken zitten ‘vol’ widgets, wat eigenlijk stukjes code zijn die ik zelf niet moet schrijven, maar die wel fijne info opleveren (zoals die immer wijzigende Flickr-foto van Rudi bij het herladen van deze pagina), of de afteller naar het kamp in Tsjechië). Handig om dat ook aan de rechterkant te hebben. Helemaal onderaan hier vond ik dan hoe ik een tweede widget-bar kon aanmaken (om die dan vervolgens toe te kunnen wijzen aan de rechterbalk). Hoe ik die dan kon toewijzen aan die rechterbalk, vond ik terug in de API documentatie. Dat ik daar in ben gaan moeten kijken, maakt me overigens een ‘egghead‘, blijkbaar (zie onderaan). Het moest er ooit van komen he.

Maar goed, dat is dus ook helemaal in orde; alles werkt nu netjes… ik denk dat ik het even zo ga houden.