Spyjax 2.0: Input history

When your typing in some text you’ll always make some kind of mistake.
Or maybe you’ll copy past something and then replace a few words. Maybe It’s not your text but you can replace some of the references and make it yours, nobody knows, right?

Or do they…

Using javascript we can record everything the user typed πŸ˜›
I’ve mentioned this in a previous post.

I’ve made a quick demo: http://ict-blue.be/qwaxys/projects/replay/.

When you hit submit on the demo, you’ll see the result. In reality you won’t. I would just use the last text as what I need (a comment, review, solicitation?) and store the complete history in a database.

Then anytime I want (or somebody else, perhaps the future employer..) It’s just a matter of replaying that data.

Just imagine the possibilities…

Achievement generator

There used to be a very pretty achievements generator at http://teamfortress2.fr/achievements.php?eng

But apparently it broke because of some missing JavaScript and CSS files.

Using archive.org I’ve managed to get those files.

Then I crammed everything together in one HTML file πŸ™‚


Mirror: http://ict-blue.be/qwaxys/projects/TF2-achievements/


PS: you can just copy the HTML and run it locally or host it yourself πŸ˜‰

IE7.js – Making Internet Explorer behave like a standards-compliant browser

Get it here: http://code.google.com/p/ie7-js/
Read more about all the features after the jump!
Read the rest of this entry »

jQuery Youtube Player Plugin

I needed some code to show a youtube video in an overlay on my teapot page.

So I’ve found this easy to use jQuery plugin: jQuery Youtube Player Plugin.

Almost everything I needed was already implemented, I just had to add the functionality to start from a certain time.

Oh also, while I was changing stuff, I fixed a css issue with the rounded corners it didn’t look right because of the youtube video.
Just add this somewhere in your stylesheet:

div.youtubepopup div.ui-corner-all {
    border-radius: 6px 6px 0 0;

And I changed the default attribute for the youtube Id to data-youtube-id because the rel attribute is supposed to specify the relationship between the current document and the linked document, not some unrelated data…
Because of this attribute we don’t need to use a class to select our youtube links we can simple use:

$(document).ready(function() {

You can get the complete code after the jump!

Read the rest of this entry »

Bookmarklet for Twoo.com

Β For the Twoo users who don’t have the diamond feature, you might have noticed that the “View Profile” button doesn’t work so there is no way you can see her/his profile.
Or can you? πŸ˜› Read the rest of this entry »