De techniek achter de Euro-Gulden Gulden-Euro
omzetter ![]()
De omzetter maakt gebruik van de volgende technieken:
| Html | Behalve enkele basis html functies
zijn de belangrijkste "extra" functies: -De Formulier functie die geheel gebruikt wordt door het "omreken script" -De "position-absolute" functie die ervoor zorgt dat ik de grafische afbeeldingen over de invoervensters kon zetten. Hierdoor zie je de (lelijke) randen van de invoervensters niet en wordt er dus een soort tweede huid (skin) over het geheel gelegd. - |
| Gebruikte JavaScripts: Ik ben geen JavaScript programmeur maar begin er langzamerhand steeds meer van te begrijpen. In bijna alle hiernaast genoemde scripts heb ik het een en ander moeten veranderen om ze te kunnen laten samenwerken. Een echte JavaScript programmeur zal het wel gekunstel vinden maar het werkt en ik weet geen andere manier. |
-Openen van een
"fullscreen" venster zodat alle
browser-knoppen en randen worden verborgen gebeurt als
enige op de pagina waarmee je de omzetter opent. Dus niet
in de code van de omzetter zelf. Voor zover ik weet kan
dat ook niet. Om deze reden kun je dus nooit de omzetter
zelf direct starten en dient dit altijd via de
"starter-pagina" te gebeuren. -Op maat maken van het venster. Het bleek dat ik de vertikale afmetingen niet zo klein kon maken als ik wenste. Om deze reden staat de omzetter onderin waardoor de onnodige vensterruimte onder de systeembalk- en buiten beeld wegvalt. -Verplaatsen naar de gewenste positie.Het inmiddels kleine schermpje verplaatst zich naar een zo laag mogelijke postie in het midden. Door te combineren met de functie waarin de beschikbare schermafmeting wordt bekeken werkt dit bij iedere schermresolutie. Knopjes -Verbergscript "Overflow". Vanaf IE 5.5 blijft ondanks "fullscreen" toch de rechter scrollbalk zichtbaar indien je dit niet met een apart script laat verdwijnen. -Het omrekenscript. Omdat ik geen echte JavaScript programmeur ben, moest ik op zoek naar een eerder gemaakt script en heb daarna het een en ander aangepast. -Een "form-tab script" maakt het mogelijk de focus op het invoer-veldje te krijgen en te behouden.Dit script wordt via "onclick" ook nog eens aan een aantal knopjes en plaatjes toegevoegd zodat je na bijvoorbeeld verplaatsing niet eerst in het invoer venstertje hoeft te klikken. -Een "toetstoewijzing-script" zorgt ervoor dat door de "enter" toets het "omrekenscript" in gang wordt gezet. In het originele "omrekenscript" moest je na het intypen van de getallen op een plaatje klikken hetgeen ik irritant vond omdat je op dat moment met het toetsenbord bezig bent. -Het "AddFavourite" script maakt het mogelijk de omrekenaar toe te voegen aan je favorieten. In werkelijkheid wordt niet de omrekenaar zelf maar de "starter" pagina toegevoegd om de reden hierboven vermeld. -De JavaScript sluit functie zorgt ervoor dat je met de "stopknop" . |
| -Plaatjes | De plaatjes die ik gebruik zijn
zoals altijd gemaakt met Iphoto 1.1 (1993) en IrfanView.
Ik wilde van alles afdekken om het mooier te maken maar
was genoodzaakt het "invoerveldje" vrij te
laten. Hierdoor kon ik niet eenvoudig een enkele zegmaar
"skin" maken maar moest rondom allerlei
aansluitende plaatjes maken zodanig dat precies het
invoerveldje onbedekt zou blijven. De
"resultaat" venstertjes moesten daarintegen
juist wel "afgedekt" worden om te voorkomen dat
de gebruiker zou denken dat hij daar ook mocht invoeren.
Zonder afdekking kon je namelijk wel in de resultaat
venstertjes klikken. . |
| . Flash, style-sheets enzovoort |
Er is geen gebruik gemaakt van andere "functies" dan hierboven vermeld. |
Omdat ruim driekwart van de code in de "Head" staat had het geen enkele zin om "Frontpage editor" te gebruiken. Hoewel ik meestal combineer is dit de eerste "pagina" die ik volledig heb gemaakt in "Notepad" (Het kladblok).
Ondanks het kleine venstertje is kwa code dit ongeveer de meest uitgebreide "pagina" die ik tot nu toe gemaakt heb.
De Omzetter bevat geen heimelijke truukjes het enige wat onzichtbaar gebeurt is het tellen van het gebruik middels een nedstat teller.