javascript settimeout class method

Zo en weer een mond vol. Gelukkig stelt het dan weer niet zo heel veel voor maar ontzettend makkelijk om te weten.
Als je een setTimeout in je javascript “class” wilt, en je wilt dat de uiteindelijke method die aangesproken van die ene class is,
zal je dit truukje heel handig vinden.

Read more…

14
Dec 2011
POSTED BY
POSTED IN Javascript
DISCUSSION 0 Comments
TAGS

openx single page call lazy loading

Zo! Een hele mond vol maar de uitleg op de openx pagina staat alleen een kleine uitleg over hoe je gebruik kan maken van de SPCJS.
Het is een mooi systeem maar niet handig als je provider even kwijt is en de pagina loopt vast om de banners op te zoeken.

Meerdere mensen zijn hier tegenaan gelopen (waaronder ik) en zitten dan met een probleem. Gelukkig is er altijd iemand op het grote boze internet die
met een oplossing komt! Er zwerft nog een jquery lazy load rond maar die is knap irritant qua laden en gebruik (maar dat is mijn mening).

Dus hier een klein javascript die:
– banners pas inlaad op het moment dat de rest van de pagina in is geladen
– een timeout heeft na x seconden en het laden dan stopt.
– jQuery/scriptaculous/mootools onafhankelijk, maakt geen enkel gebruik van welke library dan ook

Read more…

12
Oct 2011
POSTED BY
POSTED IN Javascript
DISCUSSION 2 Comments
TAGS

,

Haversine formule om te dichtsbijzijnde punt te vinden (google maps)

Het dichtsbijzijnde punt vinden op de kaart aan de hand van een lengte- en breedtegraad.
Erg handig voor als je met route bepaling bezig bent. Deze functie is wel gebaseerd op de lat en lng van
de google maps API. maar zou verder niks uit mogen maken. Hier wordt door een array van lat’s en lng’s gelooped.

Read more…

16
Sep 2011
POSTED BY
POSTED IN Javascript
DISCUSSION 0 Comments
TAGS

Ajax/xmlHttpRequest als object zonder jQuery

Een xmlHttpRequest, beter bekend als AJAX. Dit lijkt op de jQuery versie uiteraard alleen kan deze het zonder jQuery.
Het laat je zien hoe je zelf een request kan maken via standaard javascript.

Houd er rekening mee dat als je met XHR werkt dat je tegen het cross domain policy aan kan lopen. Dit houdt in dat je gewoon
niet bij de content mag als je iets opvraagt van een ander domein. Een oplossing hiervoor (ook hier ingebouwd) is om dit middels php dan op te halen.

Read more…

14
Sep 2011
POSTED BY
POSTED IN Javascript
DISCUSSION 0 Comments
TAGS

Live counter, maar dan efficient

Counters die het aantal bezoekers, berichten, etc bijhouden. Altijd heel mooi als dat goed loopt maar als het directe database opdrachten zijn dan zal je webserver
daar iets minder gelukkig mee zijn. Stel je voor dat je iedere seconde een database opdracht moet doen op een steeds maar groeiende tabel. Dit kan redelijk funest
worden voor je performance. Helemaal als je geen InnoDB hebt (er vanuit gaande dat je mysql zou hebben). InnoDB zorgt voor row locking in plaats van table locking.
Hoe kunnen we dan dit efficiƫnt krijgen?

Read more…

16
Feb 2011
POSTED BY
POSTED IN Javascript MySQL PHP
DISCUSSION 0 Comments
TAGS

Numbers casten in javascript en handige format functies

Javascript kan aardig wat voor je doen, ook meer dan de Math.round() functie als het gaat om het casten of bewerken van variabelen. Uiteraard is dat een mooie functie, maar niet altijd voldoende als het bijvoorbeeld gaat om scores/uitslagen weer te geven.

Of geld presentaties. Let wel goed op dat sommige functies afronden en andere weer niet.

Hieronder een aantal voorbeelden van casten en bewerken van Numbers.
Als de code niet uitgevoerd wordt: er zit een opzettelijke fout in ;-)

Read more…

19
Jan 2011
POSTED BY
POSTED IN Javascript
DISCUSSION 1 Comment
TAGS

PrettyTitles, een jQuery plugin

Mijn eerste jQuery plugin, dus waarschijnlijk nog een hoop schoonheidsfoutjes. Dit was een leuk experiment om te kijken hoe
de dingen te combineren zijn. Allereerst zal flash diverse “ExternalInterface” calls uitvoeren die weer direct communiceren met
javascript. In dit geval dus jQuery.

Doel van de plugin is ook een Font replacer zoals meerdere dat doen. In het bronbestand (.fla) kan je je eigen lettertype zetten
en deze weer exporteren. Het jQuery script zal op dat moment je H1 headers vervangen met een flash kopje dus.

De naam is inderdaad, zoals je al dacht, enigzins gekopieerd van PrettyPhoto
Download het pakket hier.

04
Jan 2011
POSTED BY
POSTED IN Javascript PHP
DISCUSSION 2 Comments

Replace functie zonder RegExp

Een handig stukje code, alleen gevonden en niet uitgevonden door mij.
Dit voorkomt het gebruik van een RegExp en is dus ook heel basic.

Read more…

02
Jan 2011
POSTED BY
POSTED IN Javascript
DISCUSSION 0 Comments
TAGS

Form name indexer

Heel vervelend als je al een berg JS code hebt geschreven en je ontdekt dat internet explorer niet goed met form name kan omgaan.
Deze functie verwacht een formulier naam en zoekt dan de bijbehorende index die hem gegeven is.
Read more…

02
Jan 2011
POSTED BY
POSTED IN Javascript
DISCUSSION 0 Comments

Class: bind een keyup event vast

Deze mini class is ontwikkeld voor bijvoorbeeld AJAX functies. Vaak is een gebruiker aan het typen en verschijnt alvast een naam in het beeld.
Een soort auto fill functie dus. Hier kan je je eigen functie aan vast plakken zodat je er mee kan doen wat je wilt.

Standaard controleert hij pas na 3 chars, om een heel hoog aantal requests te voorkomen.
Als extra check zit er nog in dat als de gebruiker een keyup event veroorzaakt (dus wanneer de gebruiker de toets “loslaat”)
krijgt de gebruiker 800Ms de tijd om nog een toetsaanslag te doen. Gebeurd dit niet, dan vind er een functie aanroep plaats.
Read more…

02
Jan 2011
POSTED BY
POSTED IN Javascript
DISCUSSION 0 Comments