31
Jan
Posted by admin In JQuery, Tutorial |
Share on Twitter
Inspired by a similar feature at Twitter.com, this jQuery Plugin will help you display messages at the top of your page with an assortment of options.
Download the latest version 1.3 of the plugin at http://showMessage.dingobytes.com/download/
This is my first attempt at a jQuery Plugin, so although it works fine for my liking, I am sure there are many things that can be done more effectively.
- Message displayed at the top of page (no scrolling to view error)
- Multiple messages can be displayed
- Options to automatically close the message after set delay
- Message closes with blur/’esc’ key/’close’ link
There are many times we might want to retrieve some data from the server or database without taking the user away from the current page. One such example of this is when a user is registering for a website and they need to verify if a username is available for use or not. Using an AJAX XMLHttpRequest is a quick and efficient way to check the availability of the username. The javascript XMLHttpRequest retrieves information from the server without using a page refresh.
Read More
Having to mess with forms all the time, I was beginning to go crazy tweeking different messages. One for success, one for failure, one for help, etc.
I decided to try to combine some css with some javascript to make a nice reusable piece to display my form messages. Here is the fruit of that labor.
The function is going to take three arguments. The first argument is a message and or list of messages. The second is the id of the node you would like to stick the message before. The last argument is a classname.
Read More
03
Oct
Posted by admin In Linux, Tutorial |
Share on Twitter
There are so many great tutorials on the web about setting up a Linux box for web hosting, but why not add one more… right? Actually this tutorial is written specifically for a co worker that is not familiar with Linux, so this tutorial is being offered to “assist” him with the migration process. His old hosting company provided him with CPanel and he is reluctant to change, but who in their right mind would pass up hosting at the price of “free ninty-nine”.
Read More
So at work today, I wanted to see if I could create a lame mouse over effect to let feel like they were highlighting a listing. I wanted to pop out the moused over listing on the page by putting a thin border around the moused over div and then change the background. I was able to create the effect with javascript and coldfusion very easily. Because I don’t host this site on a coldfusion server, I will just show the javascript with some rendered HTML.
Read More
05
Feb
Posted by admin In Tutorial |
Share on Twitter
Continuing on from the first part of the tutorial, we are going to continue through the list of form elements in the order we setup. Next we work on the email address.
else if(document.getElementById("email").value=='' ||
(document.getElementById("email").value!='' &&
!emailfilter.test(document.getElementById("email").value))){
document.getElementById("error_msg").childNodes[0].data=
'Please enter a valid e-mail address.';
document.getElementById("error_msg").style.display = "block";
document.getElementById("email").focus();
return false;
}
Notice how we handle the email value checking first to see if it is empty to trigger an error and then using the logical operator OR (denoted as ||), we then look at another statement. In that statement we use the logical operator AND (denoted as &&) to trigger an error, and if both the email filed is not empty and the emailfilter.test is not valid then we do what is in between the curly brackets again. The contents are the same as what we described in the first statement.
Read More