Inaction No More — JavaScript

Illusions without consequences

Image Rotators

Photo by Nevit Dilmen

JavaScript Calculator

(The app being displayed above is in an iFrame, here is its original location.)

Old-school Dialogues

JavaScript does much more than popping up that infamous box that harasses us with messages only-to-be-okayed...

...or presenting potentially endless dialogues as exemplified.
This exercise can take 5 – 12 clicks in total.

Validations — outdated exercise, to be updated

JavaScript validations are useful tools intended to correct user errors.

Here is a credit card validation exercise.
(This experiment will tell you if the number you have provided belongs to one of VISA, MASTER, DINER'S or AMEX cards.)
Try to fool the validation. For eg, 1234123412341234 looks okay, but would not validate; whereas, real card numbers DO validate.

Please enter any credit card number without white spaces. (Although we do not store values, please do not enter real credit card numbers.)
Validate 

Above is a JavaScript-based validation exercise with a bunch of fields, that sends nothing anywhere.

JavaScript Injections

Here is a basic how-to demo:

1. Try entering 1 character, more than 8 characters, numbers / other characters, or just submitting it empty. It will NOT accept.
2. Click inside the address bar of your browser, delete the existing url, and type exactly javascript: (This cannot be copied and pasted.) Do not hit enter yet.
3. Then, copy this grey-highlighted part $('#js_form #js1').removeAttr('maxlength pattern required');
4. Go back to the address bar and paste it there, right after javascript: Hit the enter key. Seemingly, nothing happens.
5. Retry entering 1 character, a thousand characters, numbers / other characters, or just submitting it empty. Now, it WILL accept.

Please be advised that...

... this demo works only for this form. This form does nothing, is not submitted to anywhere, and has no db connection.

jQuery — write less, do more

The wheel had been invented long ago.

I, as a jQuery fan, am among those who refrain from wheel-reinvention jobs. Why use native JavaScript for something that can be done by writing much less code?

AngularJS — is what HTML would have been, had it been designed for building web-apps

What you will type below will be turned upside down, painted red, and bolded. Everything will happen without you submitting anything. Is thought control on the way?

Motion Graphics

Enjoy the show by going to the "Big Switch" page linked from its screenshot above.

5 Topics in Client-side Technologies

Check the tricks by visiting the page linked from its screenshot above.

jQuery Mobile

OK, as someone who hardly steps out of basement, I might be doing well without surfing the Internet using a cell-phone but normal people are as mobile as Captain Kirk today.
That is what jQuery mobile is for and it does the job.
Please analyse the mobile version of this website at responsinator.com.

“Bottles hanging on the wall” song app

I am sure you have been waiting for an app that counts down some bottles hanging on some wall, thanks to which you could assign numbers and colours to bottles.
Here is that long-awaited Bottles hanging on the wall app.

Missile Alert app

Inspired by the false missile attack alarm issued in Hawaii on January 2018, this mock application now prioritises prevention of false alarms, but overkills. An awfully-designed user interface along with overzealous validations, converts a one-button-task into stomach ache. The legalese found almost in all websites today has also been sarcastically ridiculed by exaggerating the existing nonsensical norms.

Check the tricks by visiting the page linked from its screenshot above.