qfox.nl

pcd.qfox.nl

JS Pragma compiler directives (poc)

JS Pragma compiler directives. Allows you to refactor your code beyond the usual level for js. It's specific usages are for testing and benchmarking. You can take snippets of scripts out of their usual context and put them in their own function. For the production code, you compile the directives out and you're left with a regular script. The ifdef also allows you to create multiple versions of the same code, using constants and macros. Supported directives: (Click here to expand.). Macro SOME VALUE 5.

jscoercion.qfox.nl

JS Coercion Tool

This tool will try to show you what happens when javascript applies coercion rules for regular equality comparison (= ). It is in fact the depiction of the Abstract Equality Comparison Algorithm. JS is notorious for these coercion rules. They allow for some disturbing outcomes when comparing two variables of different types. For example, an object is always true when you apply! To be zero). The boolean value is converted to a number, true becomes 1. Clearly, 0! Change anything to see the steps taken.

glayer.qfox.nl

Google Maps GLayer example by qFox

This page might take a little longer to load in slow browsers on slow computers. This is a GLayer script I've written. The goal is to be able to show a lot of static mappoints. You can download the complete source, including the php scripts to handle the server side, here. Note that this is just one example of how it can be done. There exists other methods (that use cookies, for example). Well they don't. Not really. You're actually looking at a tile layer on the standard google tile layer:.

fractal.qfox.nl

Dragon fractal / Jurassic Park fractal

esparser.qfox.nl

ECMAScript 5 parser, by Peter van der Zee

By Peter van der Zee (Please note: this project is not a usable parser, but it does produce the complete parse tree. For my faster parsers check ZeParser. Rewrite Optional parts (safe). Rewrite epsilon rules (safe). Rewrite Any parts (safe). Rewrite unit rules (unsafe! Remove duplicate rules (safe). Output parser debug trace (LOT of output! Enable unit tests (slows down parsing). Enable pruning (speeds up parsing). Directive scanner (post parsing). Fix parse tree (fix ranges wrt comments and whitespace).

enterprise.qfox.nl

Syndicate Enterprise

cm.qfox.nl

ClusterManager Demo

For Google Maps v3 Demo (200 random markers). Rewritten from v1.01 to work with gmaps v3 (yes, skipped a version to make it more logically match with gmaps version). It offers basically the same functionality as the old script (see below). The red squares with C represent multiple markers. Click on it to see the contents. Drag regular markers around and near other markers to create new clusters. For more information on how the script works internally, check out the blog post :). 2010, qfox.nl. Where the ...

cfg.qfox.nl

Cfg Parser Demo

This is my CFG parser. It parses CFG's written in the BNF. Yeah, good luck with those TLA's ;). The example here is the ECMAScript specification, version 5. It is the exact CFG as used by my parser and the same CFG as it occurs in the formal specificiations, with minor edits to accomodate my parser ;) View the source of this page to see the source CFG used to generate it. Not working for you? Check the pre-generated static html output. I've also written a blog post. About it, in case you want to read more.

cde.qfox.nl

CDE script, The Custom DOM Element - Main description

The CDE javascript is syntactic sugar that helps creating DHTML easier and faster by creating Custom DOM Elements. Classic DHTML consists of many calls, element creation and "manual" setting of attributes. CDE helps you making this process a little less agonizing and gives you cleaner and clearer source code. CDE is an object oriented chaining library that doesn't pollute the global scope beyond it's main object variable; CDE. Every function and method is part of either CDE or it's prototype.

car.qfox.nl

Javascript Car Animation by qFox, 2010