Archive for March, 2007

WebGUI ACME Code Submission – AudioscrobblerMacro

March 30th, 2007

Screenshot of my WebGUI ACME Code Submission

AudioscrobblerMacro.jpg

WebGUI ACME Code Contest

March 28th, 2007

Screenshot of my WebGUI ACME Code submission

Inactivity Reminder

Collapsible javascript side-menu

March 21st, 2007

I was reading about CSS floating and margins today, and started playing. I came up with this, which would make a nice collapsible side-menu. I’ve seen it done as a full-blown mac style fisheye in similar style, didn’t realise it was so easy to do though! All I did was give the image a negative margin-left value based on the mouse coordinates:


<body onmousemove="handleMove(event)">

var xLimit = 80;
 function handleMove(oEvent) {
 var img1 = document.getElementById("img1");
 var x = oEvent.clientX;

if (x < xLimit) {
 img1.style.marginLeft = -x;
 } else {
 img1.style.marginLeft = -xLimit;
 }
 }