IEContentLoaded JavaScript object
Gebruik de DOMReady voor een cross browser oplossing JavaScript wordt veel gebruikt om de DOM te manipuleren. Om met JavaScript DOM elementen te kunnen benaderen, moet de html helemaal geladen zijn....
View ArticledomReady v3 – JavaScript (Cross Browser)
De domReady is een JavaScript object, die wacht met het uitvoeren van de aangegeven code tot de DOM gereed is. Het object regelt intern hoe om te gaan met de verschillende browsers. Hoe werkt het? Met...
View ArticleWerken met jQuery: algemeen ( deel 1 )
De afgelopen tijd werk ik veel met jQuery. Naar mijn mening een goede en uitgebreide JavaScript library, vandaar dat het ook vrij groot is (~90kb minified). Het lijkt op een apart taaltje bovenop...
View ArticleWerken met jQuery: 5 Tips! ( deel 2 )
Na een tijdje met jQuery te hebben gewerkt, wil ik hier enkele best-practices delen. 1. Gebruik de context Voorkom conflicten door altijd de context op te geven waarin de elementen zich moeten...
View ArticleSimpleAjax – small Ajax Javascript object
SimpleAjax is een compact Ajax Javascript object (~3kb min). Hoe werkt het? Hieronder staan enkele voorbeelden van het gebruik van SimpleAjax. Ajax.call( options ) Ajax.call({ url: 'ajax.html',...
View ArticleSimpleSelector $$() – JavaScript DOM selector
De SimpleSelector is een eenvoudig JavaScript DOM selector, die de meest gebruikte selectors ondersteund. Enkele voordelen zijn: zeer compact (~1.2kb min) makkelijk te gebruiken met $$() geen overhead,...
View ArticlejLim – compact JavaScript framework
jLim is een mini JavaScript framework (package ~13kb minified) en bevat de meest gebruikte functies van jQuery. Ideaal voor minder complexe websites. jLim is vanaf nul opgebouwd, maar heeft een...
View ArticlejLim Core (API)
jLim core is een jLim module en bevat de basisfuncties voor het framework. Functies jLim( selector, [context] ) $( selector, [context] ) –alias for jLim() .get( [index] ) .size() .each( fn )...
View ArticlejLim CSS (API)
jLim CSS is een jLim module en bevat CSS gerelateerde functies. Functies .addClass( value ) .removeClass( value ) .hasClass( value ) .style( style, [value] ) –deprecated since v0.4.0, use .css()...
View ArticlejLim DOM (API)
jLim DOM is een jLim module en bevat functies voor diverse DOM manipulaties. Functies .attr( name, [value] ) // as getter $('input').attr('checked'); // as setter $('input').attr('checked', true); //...
View ArticlejLim Ajax (API)
jLim Ajax is een jLim module en bevat functies voor het uitvoeren van Ajax calls. Het is gebasseerd op SimpleAjax. Functies .load( url, [data], [complete] ) $.Ajax contains SimpleAjax object –new in...
View ArticlejLim Event (API)
jLim Event is een jLim module voor het afhandelen van events. Functies .bind( eventName, fn, [insertIndex] ) .unbind( eventName, [fn] ) .trigger( eventName ) Let op: alleen de event handlers, die...
View ArticlejLim $fx Plugin – animaties
De $fx plugin (~5kb min) voor jLim bevat functies voor animaties, zoals fade-effecten, elementen laten bewegingen etc. Het maakt gebruik van de $fx library van Sergii Iavorskyi. Demo // animation...
View ArticlejLim Tiny Plugin (slider, accordion, dropdown etc)
De Tiny plugin (<2kb min) maakt het mogelijk om de Tiny componenten via de jLim manier te benaderen. Zoals de naam al doet vermoeden, gaat het om zeer compacte javascript componenten (net als jLim)....
View ArticleArray object uitbreiden in JavaScript
Een overzicht van de methoden en eigenschappen van de Array in JavaScript kun je vinden op de W3Schools site. Ook de JavaScript Array kun je uitbreiden met eigen methoden. Bijvoorbeeld voor het klonen...
View ArticleString object uitbreiden in JavaScript
De “prototype”-methode in JavaScript maakt het mogelijk dat je eenvoudig methoden en eigenschappen kunt toevoegen aan de standaard klassen, zoals Array en String. Op die manier heb je deze methode...
View ArticleJSProgressBar (old-skool JavaScript)
Met de JSProgress kun je een object maken voor het tonen van een voortgangsbalk op een webpagina. Ik heb het ongeveer 8 jaar geleden gemaakt en het is dus nog in old-skool JavaScript geschreven (niet...
View ArticleJSTable (old-skool JavaScript)
In de beginperiode als webontwikkelaar heb ik ooit eens een JavaScript tabel geschreven (JSTable). Je hoeft alleen de tabel te vullen met content en vervolgens kun je eenvoudig kolommen sorteren, rijen...
View ArticleJSHistogram (old-skool JavaScript)
Dit is weer een post met “old-skool” JavaScript. Dit keer de JSHistogram, voor het maken van staafgrafieken. Demo 1 var oH1 = new JSHistogram(document, "Staafgrafiek 1", 300, 150, null, "gray",...
View Article