Tip of the Day - YUI Slider Control
Here’s my tip of the day - if you’re using the YUI Slider control, don’t forget to set the width and height of the DIV that contains your slider thumb to the size of the IMG that actually displays your slider thumb.
<style type='text/css'>
.slider {
}
.slider .thumb {
width: XXXpx;
height: YYYpx
}
</style>
<div class='slider'>
<div class='thumb'>
<img src='/path/to/thumb.png' width='XXX' height='YYY' alt='Slider Thumb'>
</div>
</div>
The reason that you need to explicitly set the width on the thumb DIV is that one of the functionalities of the YUI Slider control is that by clicking on the slider DIV you move the thumb to that point on the Slider. Not setting the width and height of the thumb DIV explicitly seems to cause the thumb to block clicks to the Slider, thus causing the thumb not to move as you click around the slider itself.
This tripped me up this afternoon, so I’m noting it down here for anyone else who ends up having similar issues in the future.
How to ask for help with Standardista Table Sorting
Since I released Standardista Table Sorting a couple of months ago, I’ve been constantly surprised by the amount of attention it receives. The article announcing it now has the most comments I’ve ever received about anything…
Continue reading “How to ask for help with Standardista Table Sorting”
Yahoo! User Interface Library Revealed!
A couple of weeks ago, Yahoo released their JavaScript user interface library to the world. This is the very library that Yahoo uses internally for its miriad of products, and so was very likely that it would be highly stable,…
Standardista Table Sorting (A client-side JavaScript Table Sort module)
Standardista Table Sorting is a cross-browser compatible JavaScript module that lets you sort HTML data tables by any column.
Continue reading “Standardista Table Sorting (A client-side JavaScript Table Sort module)”
Problems creating a SELECT box using the DOM in Internet Explorer 6
Internet Explorer 6 has lots of “issues” when it comes to displaying SELECT boxes. Last week I found one which manifests itself when you create a SELECT box using the DOM. Then I found a way to fix it.
Continue reading “Problems creating a SELECT box using the DOM in Internet Explorer 6”
Retrospectively prospective (phew - try saying that quickly!)
Well it’s that time of the year again, isn’t it? The time of year when everyone looks back over what they’ve done and what’s yet to come in the new year. So here comes, in no particular order, my…
Continue reading “Retrospectively prospective (phew - try saying that quickly!)”
Quick Links
Handcoding Web Pages A great treatise on why it’s often a good idea to hand code rather than relying on WYSIWYG programs. Improving Link Display for Print A nice way of using JavaScript to create footnotes showing where links…
JavaScript is cool again?
Ever since JavaScript was conceived, there’s always been a stigma attached to using it. The arguments which are thrown around include saying that most people have it turned off, it doesn’t work consistently across browsers, and there are evil…