jQuery(".hoverElement").hover(function(b) {
    var offsetLeft = jQuery(this).offset().left;
    var offsetTop = jQuery(this).offset().top;
    jQuery("div#" + jQuery(this).attr("rel")).show("fast").offset({
        top: offsetTop - 18,
        left: offsetLeft + 15
    });
}, function() {
    jQuery("div#" + jQuery(this).attr("rel")).hide("fast")
    });

If you have multiple elements that require the effect, give them all the same class. For each hover element, you will need a hidden element with a unique id that contains the tooltip content. In the “rel” tag of each hover element, put the id of the corresponding hidden element, minus the “#”. This can probably be condensed to use only one hidden element, but I haven’t gotten around to simplifying yet.

Adjust the offset as needed.


html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
outline: 0;
}
body {
line-height: 1;
color: black;
background: white;
}
ol, ul {
list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
border-collapse: separate;
border-spacing: 0;
}
caption, th, td {
text-align: left;
font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: "";
}
blockquote, q {
quotes: "" "";
}


The poster was very close to a functional script. If you add in > -1 into the first part of the ‘if’ statement, it works like a charm.

jQuery(function() {
var url = location.pathname;
if(url.indexOf('web-design') > -1) {
jQuery("#web_design").addClass("active");
}
if(url.indexOf('french') > -1) {
jQuery("#french").addClass("active");
}
if(url.indexOf('my-take') > -1) {
jQuery("#my_take").addClass("active");
}
if(url.indexOf('portfolio') > -1) {
jQuery("#portfolio").addClass("active");
}
});

The moral of the story: this out of date file could be causing all kinds of mysterious errors, so make sure you have the latest version of jQuery before spending hours troubleshooting all the other files.

var valid = true;
$(this).find(‘.req’).each(function() {
if ($(this).val() == “”) {
$(this).after(‘<span>Required!</span>’);
valid = false;
} else if ($(this).hasClass(‘req-email’) && !checkemail($(this).val())) {
$(this).after(‘<span>Invalid E-mail!</span>’);
valid = false;
} else if ($(this).hasClass(‘req-phone’) && checkphone($(this).val())) {
$(this).after(‘<span>Numbers Only!</span>’);
valid = false;
}
});
if (!valid) {
$(this).find(‘span.error-message’).text(“Please correct the above errors.”).show();
return false;
}
});
function checkemail(e){
var emailfilter = /^w+[+.w-]*@([w-]+.)*w+[w-]*.([a-z]{2,4}|d+)$/i
return emailfilter.test(e);
}
function checkphone(e) {
var filter = /[0-9]/
return filter.test(e);
}

Found here: http://www.aarongloege.com/blog/web-development/javascript/jquery/easy-form-validation/

What makes it even better is that it’s highly customizable. I used Aaron’s structure to write my own custom validation. I’ve shared here the additional/modified filters.

function checkemail(e){
var emailfilter = /^([a-zA-Z0-9_\-\.]+)@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.)|(([a-zA-Z0-9\-]+\.)+))([a-zA-Z]{2,4}|[0-9]{1,3})(\]?)$/
return emailfilter.test(e);
}
function checkphone(e) {
var filter = /[0-9]{10}/
return filter.test(e);
}
function checkzip(e){
var zipfilter = /[0-9]{5}/
return zipfilter.test(e);
}
function checkpassword(e) {
var passwordfilter = /^.{6,50}$/
return passwordfilter.test(e);
}
function checkcreditcard(e) {
var creditcardfilter = /[0-9]{15,16}/
return creditcardfilter.test(e);
}

You can write as many of these as you want. Additionally, though he has his error messages writing to a span, you can insert whatever kind of action you want to happen inside the if/else statements.

<button rel="#tab1">&nbsp;</button>
<button rel="#tab3">&nbsp;</button>

Then, use this handy little script:

$('.nav_arrow').click(function () {
var nextPage = $(this).attr('rel');
$(nextPage).click();
return false;
});

Effectively, you are telling the forward or next button that if it’s clicked, cause the corresponding tab to be clicked, opening that view.

It’s easy to implement. Download clearfield.js and link it into your page. Then place the class “clearField” on all your inputs, selects, and textareas. Instantiate the function in your custom javascript page with this:

$('.clearField').clearField();

If you don’t have access to the form element markup, or you are using a framework, a little bit of jQuery can be used to add the necessary classes:

$('input, select').addClass('clearField');

$(‘tr:odd td’).css(‘background’,'#yourcolor’);


/***********************************************
* Textarea Maxlength script- © Dynamic Drive (www.dynamicdrive.com)
* This notice must stay intact for legal use.
* Visit http://www.dynamicdrive.com/ for full source code
***********************************************/

function ismaxlength(obj){
var mlength=obj.getAttribute? parseInt(obj.getAttribute("maxlength")) : ""
if (obj.getAttribute && obj.value.length>mlength)
obj.value=obj.value.substring(0,mlength)
}

Update: Here is one that includes a remaining characters counter:
http://www.mediacollege.com/internet/javascript/form/limit-characters.html