Archive for the ‘JavaScript’ Category
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 ...
Posted in JavaScript | 3 Comments »
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 ...
Posted in CSS, JavaScript | 7 Comments »
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 ...
Posted in JavaScript | No Comments »
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 ...
Posted in Design Talks, JavaScript | No Comments »
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 ...
Posted in CSS, JavaScript | 8 Comments »
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 ...
Posted in JavaScript | No Comments »
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 ...
Posted in JavaScript | 4 Comments »
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 ...
Posted in JavaScript | 2 Comments »
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 ...
Posted in JavaScript | No Comments »
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 ...
Posted in JavaScript | 3 Comments »