starryNight plugin API This is an update to my previous post. I wrote nice to look at animation on top of jQuery called starryNight. It takes a <div> element and add moving stars on top of it. Stars are slowly floating across the sky, and when they finally flow out of the sky (or <div> in our case), they are automatically reborn on the other side on some random position. That sounds pretty straightforward, and indeed it was until I complicated it by adding slider, more on that later. Now to the API. Basic HTML structure – provided by you …
Category: jQuery
Don’t forget to play
Sometimes I need to do something what is not useful at all, just for the fun of it. Someone plays World of Warcraft as a hobby, someone listens to music, drinks, draws.. whatever. I make animations in javascript. It’s half fun and half learning. I can try new things, I can experiment, discover …and what is most important: I create. After one rather bad day at work I needed to do something what I would really enjoy. Not that I don’t like my work, I do love it, but there are sometimes days that are just bad… I had a …
jQuery datepicker improved
I like jQuery’s datepicker a lot, but I miss two things – one is some kind of mask on the input field so I can write date directly without worrying about the correct date format, and the second is customisable trigger (the thing you click on to toggle the calendar widget 🙂 ) Masked input This is a screenshot taken directly from jqueryui.com. As you see you can write anything to the input field. Then you have to validate it, display error message, prevent form from submit… etc. It’s not nice. Luckily there is a nice solution, a jQuery plugin …
Fun with tooltips on a timeline
This is a fun script I created during my idle hours while at previous employer. I wanted to somehow mimic comix-like conversation but on a single image only. It was just for fun, but it can be however used to do something more useful;) What it basically does is that it displays tooltips in a predefined order. Click image below to see demo. I wrote simple timeline object which acts as a controller of tooltips – it shows them in given time above given DOM objects. There is a few of tooltips build on jQuery, but qTip offers loads of …
jQuery.durationpicker plugin
[Important Notice: I’ve discovered some bug in demo of durationPicker. It runs correctly only in FF. I will fix it soon and notify you here.] Have you ever looked at Googles’s (excellent) calendar app and wished that you had the ‘event planing widget’ in your web form? Well, here is my own version, a reversed engineered one, which I give for free use. It was originaly developed for company I work for, and was not intended to be a completely standalone plugin, so there are still some dependencies. More on that later. Basic functionality is quite the same as …
Developer’s Medal of Honor
This is what you get if someone discoveres a bug in your code… … more than once. PS: It was not 10 bugs, just two, but the Medal was intended to be future-proof 🙂
jQuery.datepicker – issue with duplicate ID
I have discovered (minor) issue with jQuery Datepicker plugin: It’s not actually datepicker’s fault, but it might be difficult to find it in a complex web page, so I decided to share it with you. Imagine that your application relies heavily on javascript, ajax, widgets etc… Widgets are created on the fly, and it happens is that two datepicker instances share the same ID. They might be generated from the same template (as was my case), or they dont have any ID at all, but were initaliazed in a certain way, more on this in future post. Here is a …