DemoDownload Had enough of the same old operating system based select field style? Why not skin it up, this script allows you to apply a skin to a select box. This tutorial is based on the original code i wrote, however this version is less buggier and has support for non JS enabled browsers! Nice [...]
Posts Tagged ‘Javascript’
Mar 16 2008
jQuery for beginners
DemoDownload This is a little tutorial i put together to help people starting out with jQuery to learn the basics. So, first things first. Pop over to http://docs.jquery.com/Downloading_jQuery and download the latest version in whatever form you prefer, Minified, Packed or Uncompressed. If you are not fussed then i would suggest the packed version. No, [...]
Feb 27 2008
Fluid Layout Images
DemoDownload A nice little way of adding a header image to a fluid layout it to break the header images into two slices and then assign the headers to a div in the same container like so. <style type="text/css"> #myContainerName { background: url('/path/to/images/header-back.jpg') repeat-x; height: 220px; } #myContainerName #leftBackground { background: url('/path/to/images/header-left.jpg') left no-repeat; height: [...]
Feb 27 2008
Onloading functions
DemoDownload A cool way of onloading functions in javascript can be done like so. window.onload = function() { callFunctionOne(); callFunctionTwo(); // Etc }
Feb 27 2008
Javascript Image Preloader
DemoDownload A very simple way to load the images into the browsers cache so when they are displayed they will not have to load the file and create a delay in the browser. // Initiate the image count variable var imageCount = 0; // create an array to contain the preloaded image files var preloadImages [...]
Feb 27 2008
Form Calculation
DemoDownload This is a very basic JavaScript code to calculate the value of form elements. It can become quite useful when wanting to add items up on the fly if you prefer not to use ajax or you do not have a server side scripting language available.
Feb 27 2008
Sending a xml HTTP Request (AJAX Request)
DemoDownload This is a basic tutorial on how to use the xmlHTTPRequest object to send an ajax request, the way I have chosen to do this is by calling the request encased in my own object. First we need to create an object, and it shall be called 223ajaxRequest224 and it will have three arguments [...]
Feb 27 2008
Input text value change on click w/wo jQuery
DemoDownload This tutorial is featured on derekharvey.co.uk, the method has been applied to the username and password field. The reason i created this javascript was because usually when you have a text field and specify a default value when you click on the field the default value needs to be removed in order to fill [...]
Feb 27 2008
HTML Select Skin
DemoDownload A more simplified version of this script is available here ...240 Utilizes: Javascript, CSS, (x)html Compatibility: Firefox 1.5 / Firefox 2, MSIE7 (MSIE6 not supported) Credits: Howard Yeend (For suggesting the change of .value to .innerHTML so any numeric values are not displayed) How to In this tutorial i am going to show you [...]