I did a quick matrix to compare various mobile JS frameworks in late May. It is probably a little outdated, especially with the recent Sencha merger, and I did not know DashCode could create web applications at the time, but maybe it will help someone. Enjoy! http://bit.ly/d6Gsaj
I used jQuery for the UI. I am a recent convert to jQuery, having mostly used Prototype + Scriptaculous.
The word list is embedded into the page script as a javascript array. On document ready, html is generated, which writes the first and last word to the page, and creates blank input boxes for the intermediate words.
There is a keyup event bound on each input box, which will determine if the word is correct. If it is, a css class will be added which shows a green underline underneath the box. Otherwise, a red underline will be shown.
Finally, there are buttons on the page which are created dynamically and provides hints or reveal all of the answers.
Word Jumble Filled
Someone asked me about Date Validation the other day. Here are two simple approaches for use in your CF apps.
Assume that the strDate variable contains your date. On the server-side, you may use IsDate(strDate). On the client side, !isNaN(new Date(strDate)). I don’t know for sure if the client-side code is the best way to do it. There are RE-based techniques, but these are the most concise.
CFML:
<cfoutput>
<cfset strDate1 = "2001 Fazuary 1"/>
<cfset strDate2 = "2001 Feb 1" />
#IsDate(strDate1)#<br>
#isDate(strDate2)#
</cfoutput>
<!---
Outputs:
NO
YES
--->
Client-side Javascript:
<script>
// This creates a function to test the string.
// What is this function doing? It takes the
// strDate string and attempts to convert it into
// a Date object using the Date constructor.
// When the Date constructor cannot convert the
// string, it returns NaN (not a number).
// So, we wind up testing for NOT NaN using
// !isNaN. Don't ask me why the Date constructor
// returns NaN and not NaD (not a date)! =D
function isDate(strDate) { return !isNaN(new Date(strDate)); }
var strDate1 = "2001 Fazuary 1",
strDate2 = "2001 Feb 1";
alert(
isDate(strDate1) + '\n' +
isDate(strDate2)
);
//
// Brings up an alert window that says:
//
// false
// true
</script>
I wanted to try out some canvas element functionality, given that I have a feeling it will steal a lot of Flash’s thunder. I whipped up a bubble-breaker game (the mechanic should be very familiar to you) in a few hours. Enjoy the demo! I may do a quick write up at a later point.
I’ve only tested it in Firefox 3.6. I do not know whether it will work in other browsers.
bubble breaker 13x13
bubble breaker 30x30
I modified CiteThis! with the following features this weekend:
I made an update at the request of someone who e-mailed me. This post describes this version:
I updated my CiteThis! Firefox Extension with a few of the following features:
Several updates including:
This is a Facebook application I wrote after the Thirteen application. It improves upon the first Facebook App with a new architecture. Animation uses the Facebook Animation library, and rendering is done via Smarty PHP Template engine. Lots of work went into the architecture, and there is even a localization scheme built in.
This application was written primarily as an exercise in creating Facebook Applications. It was very instructive! Here is the project blog if you’d like more details http://thirteengame.blogspot.com/.
It is an adaptation of a web app I originally wrote in 2007. You may play either by logging into Facebook and trying it out, or logging in here http://www.angelforge.org/thirteen/LoginPage.php. To login outside of Facebook, you may either use the user name and password guest or login with your Facebook credentials using Facebook Connect.
Here’s a function for Gaussian/Banker’s Rounding in Javascript adapted from code written by Michael Boon at http://boonedocks.net/.
This can be useful if you’re working with Microsoft languages such as VBScript, which use Banker’s Rounding by default in their Round function. Javascript has no built-in gaussian rounding and, instead, uses Arithmetic rounding. For more information on this, see Wikipedia’s article on rounding, specifically, the Round to Even section.
/*
Adapted from <a href="http://boonedocks.net/code/bround.inc.phps">http://boonedocks.net/code/bround.inc.phps</a>
Provided under the GNU General Public License
Contact me for use outside the bounds of that license
---------------------------------------------------------------
This program is free software; you can redistribute it and/or
modify it under the terms of the GNU General Public License
as published by the Free Software Foundation; either version 2
of the License, or (at your option) any later version.
This program is distributed in the hope that it will be useful,
but WITHOUT ANY WARRANTY; without even the implied warranty of
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
GNU General Public License for more details.
The GNU General Public License can be found at:
http://www.gnu.org/copyleft/gpl.html
*/
<a href="http://boonedocks.net/code/bround.inc.phps"></a>
Number.prototype.gaussianRound = Number.prototype.bankersRound = function bround(iDec) {
return Math.gaussianRound ( this, iDec );
};
Math.gaussianRound = Math.bankersRound = function (dVal, iDec) {
// banker's style rounding or round-half-even
// (round down when even number is left of 5, otherwise round up)
// dVal is value to round
// iDec specifies number of decimal places to retain
var
dFuzz=0.00001, // to deal with floating-point precision loss
iRoundup=0, // amount to round up by
iSign= dVal != 0.0 ? Math.floor ( dVal/ Math.abs( dVal ) ) : 1;
dVal=Math.abs(dVal);
// get decimal digit in question and amount to right of it as a fraction
dWorking = dVal * Math.pow ( 10.0, iDec + 1 ) -
Math.floor ( dVal * Math.pow ( 10.0, iDec ) ) * 10.0;
iEvenOddDigit =
Math.floor ( dVal * Math.pow ( 10.0, iDec) ) -
Math.floor ( dVal * Math.pow ( 10.0, iDec-1 ) ) * 10.0;
if ( Math.abs ( dWorking - 5.0 ) < dFuzz)
iRoundup= iEvenOddDigit & 1 ? 1 : 0; // even testing using bitwise and
else
iRoundup= dWorking > 5.0 ? 1 : 0;
return iSign * ( ( Math.floor ( dVal * Math.pow (10.0,iDec ) ) + iRoundup )/ Math.pow(10.0,iDec) );
};
