Friday, August 17, 2007

Nieuwe Layout

Na de website zelf is ook het “privé” gedeelte met daarop mijn blog en foto's, van een ander kleedje voorzien. Het kleedje is wel anders dan de rest van de website, onder andere om te benadrukken dat het eigenlijk een totaal ander gedeelte is.
Je vindt ook geen links meer naar de verschillende hoofdstukken van de website, alleen naar de homepage van de website.
En dan kan ik eindelijk beginnen om enkele nieuwe fotoalbums te placeren.

Labels:

posted by Vince | 10:09 PM | 1 reacties

Monday, March 19, 2007

Lightbox

Ik ben nog iemand van de oude stempel, die met Javascript begon om een paar eenvoudige dingen te doen op onze website. “Onze”, dat was die van de afdeling van IBM waar ik toen werkte, en dat was dus zo'n 10 jaar geleden.
Je kon toen ook al op het Internet voorbeelden van scriptjes vinden die je kon implementeren, maar wat je er mee kon bereiken was vooral van aard om mensen mee te vervelen. Een scrollende statusbar-tekst bijvoorbeeld.
Vandaag is Javascript gelukkig een stuk krachtiger geworden. En nog altijd vinden we - gratis! - scripts die we mogen gebruiken. Op de website zijn er al een aantal in gebruik. Een relatief simpel voorbeeld is die waarbij naast een link die in een ander venster opent, een icoontje staat die dat aanduidt. Een ander, al redelijk zwaar script, is dat om pop-up teksten te tonen bij bepaalde onderstreepte woorden.
Nu heb ik er eentje gevonden die heel interessant is voor websites met foto's. Het heet Lightbox, en versie twee is te vinden op http://www.huddletogether.com/projects/lightbox2/
. Het zorgt ervoor dat je foto's opent in een nieuwe laag op de huidige pagina. Daardoor krijg je geen pop-up venster meer, en kun je toch grote foto's tonen. Kijk maar eens in de foto sectie voor een voorbeeld!
De scripts zelf steunen weer op twee andere scripts, die blijkbaar gemeengoed worden in de Javascript wereld, en die ook de basis zijn voor vele andere. Vermoedelijk kom je die hier ook nog wel eens tegen.

Labels: , , ,

posted by Vince | 10:24 AM | 1 reacties

Sunday, November 26, 2006

Geneste commentaren

Het gedrag van Firefox en Microsoft Internet Explorer bij geneste HTML commentaren is duidelijk verschillend, én belangrijk om rekening mee te houden bij het opstellen van webpagina's. Van beide browsers heb ik voor de test de laatste versie gebruikt, namelijk 2.0 respectievelijk 7.0.

Een HTML commentaar wordt als volgt geschreven:

<!-- dit is een commentaar, en wordt dus niet weergegeven -->

Als je dus zoiets hebt als tekst:
Een <!-- twee --> drie
krijg je alleen
Een drie
te zien.

Dit is bij beide browsers - gelukkig! - correct. De problemen beginnen als je geneste commentaren hebt. Dat is iets in de vorm van
Een <!-- twee <!-- drie --> vier --> vijf

Firefox behandelt dit als één groot commentaar, en geeft
Een vijf
weer. Internet Explorer daarentegen geeft
Een vier --> vijf
. Duidelijk niet wat we wilden.

Maar welke van beide interpretaties is nu correct? Volgens w3.org, de organisatie die de normen definieert waaraan browsers moeten voldoen, worden commentaren gevat binnen een <! en een >. Daarbinnen kun je meerdere commentaren hebben, dat is alle tekst vanaf -- tot de volgende --. Voor het eerste commentaar mag je geen spaties hebben, zodat je eigenlijk moet beginnen met <!--. Volgens die regels klopt de interpretatie van geen van beide browsers aangezien de commentaar niet volgens de regels opgemaakt is. Maar zelfs als je de commentaar aanpast wil Internet Explorer het nog altijd niet anders weergeven.
Want
Een <!-- twee <!-- --drie-- --> vier --> vijf
is dan een geldig commentaar
Firefox geeft het dan wel correct weer.

Labels: ,

posted by Vince | 9:39 PM | 1 reacties