Creating dynamic text using custom fonts

I've just had a little search around the web and found this beuty - created by Mike Davidson and Mark Wubben, "sIFR" uses a combination of flash, css and javascript to display custom fonts on your web page.

Check it out here

Not working?

Good! Then put your procrastination skills to use and check out this site. It's a great example of out-of-the-box thinking, or were they just bored?

[More]

Make mootools Fx.Slide close on load

If you havn't already, check out mootools to see the code used here.

I'm using the Fx.Slide tool, but I don't want it to open/expand until the user clicks on the link.

To do this, you must edit the javascript for Fx.Slide, and add some css for the elements.

[More]

Better javascript message box

If your not already familiar with it, check out the ExtJS library for all the core files to this demonstration.

Ok, so traditional message boxes are....well they're functional. But with the net being driven towards aesthetically pleasing, web 2.0 standards, it's important to get the right look for your site!

Attached is JS code taken from the ExtJS site, and modified to automatically display the message box when the file is loaded. To stop this happening constantly, simply surround it by a <cfif>, like so:

<cfif structKeyExists(attributes,"updated")>
    <script type="text/javascript" src="/ext-2.0/examples/message-box/updated.js"></script>
</cfif>

So when you relocate after an update, add ?updated=1 in the link and it will display a lovely message box :)

P.s. this was using Ext 2.0 

Example here

html input value dissappear

Just a quick one - if you wanted a message to appear in an input field, but then have it dissappear when clicked, then simply use this code:

<input type="text" name="field" value="this message" onClick="if(this.value == 'this message'){this.value=''}" />

The onClick event calls javascript to replace the value (this.value) with whatever is entered inside the quotes, in this case a blank string. 

BlogCFC was created by Raymond Camden. This blog is running version 5.8.001.