Archive for the ‘JavaScript’ Category

Floating Table Titles

Tuesday, July 29th, 2008 by Stan Slaughter

Table Titles Float to stay in view Tested to work in Firefox 3, Internet Explorer 7, and Safari 3.1 You will never loose sight of a tables column titles as long as the table is visible on the screen ! Click to see Example Invisibly in the background this script will take your tables ...

Fixed Table Head

Thursday, July 3rd, 2008 by Stan Slaughter

Scrollable Table Body with a Fixed Table Heading Tested to work in Firefox 3 and Internet Explorer 7. Safari users may want to check out Floating Table Titles There is no HTML or CSS standard tag or property that lets you freeze the title row of a table in place while ...

Trim Spaces

Thursday, November 8th, 2007 by Stan Slaughter

Sometimes you'll have unnecessary spaces at the beginning or end of a character string that you wish to remove. For some unknown reason a trim space method or function was not included as part of the JavaScript language, even though this comes standard in most other programming languages. Well, here ...

JavaScript Frameworks - Time to take them seriously?

Tuesday, November 6th, 2007 by Stan Slaughter

Have JavaScript Frameworks now hit a level of maturity that a business can feel confident that if they use them that code will not be outdated and impossible to maintain in less than a year? JavaScript Frameworks are cross-browser user interface JavaScript libraries designed to make it easier to develop complex ...

Text Drop Shadows

Sunday, October 28th, 2007 by Stan Slaughter

Text Drop Shadows How to add cross browser drop shadow to text without the use of images using cascading stylesheets and non-obtrusive JavaScript. I've wanted to use drop shadows on text for quite awhile. Unfortunately there is just no easy way to do this on a web page without the use ...

Validate Phone Number

Thursday, October 18th, 2007 by Stan Slaughter

Simple Phone number validation function that returns "true" if the phone number is in the format 555-555-5555 Useful when validating input from a form prior to writing it to a database. (Note the use of regular expressions used to validate the formatting) [code="js"]/** * This function validates that the provided string is a ...

Tooltips for Forms

Wednesday, October 17th, 2007 by Stan Slaughter

Create a tooltip for you web forms ! A tooltip is a small box containing which appears when you move your mouse over a hyperlink: Hover over me to see This visual element is useful in supplying additional information to the user without needing to take up addtional space on the screen. It ...

Replacing History

Monday, October 15th, 2007 by Stan Slaughter

How to prevent a page from being placed into a web browsers history. There are a lot of times when you want to disable a browsers "Back" button or delete items from a browsers history list. Unfortunately there is no function that lets you delete items from history, but you can use ...

AutoComplete

Wednesday, October 10th, 2007 by Stan Slaughter

Introduction Treat a forms input textbox like a drop down menu or like a standard text box with built in auto complete features! AutoComplete Demo This is a JavaScript function which has been designed to be easy to incorporate into existing online forms. It acts as an HTML control that integrates AutoComplete into ...

Finding the Position of an object

Tuesday, October 9th, 2007 by Stan Slaughter

There are many times when you need to use JavaScript to find the current position of an object on the screen. The object properties offsetTop and offsetLeft give the position of the object in terms of how far it is offset. The problem is that it is not how far you ...