Review shopping cart

JavaScript Snippets

Here are some helpful JavaScript snippets. Most only show the salient points for brevity sake.

JavaScript Comments

JavaScript uses // for one line comments or /*  */ for one line or multiple line comments.

Embed JavaScript

Always put the JavaScript between the <head> tags so it is processed before the page loads.

<script type="text/javascript">
<!-- this hides from older browsers
document.write(window.screen.width + ' x ' + window.screen.height); 
// end script hiding -->
</script>

Limit Number of Characters in a Textarea in a Form

The <textarea> tag in a form has no way of limiting the number of characters typed in. The maxlength attribute only works in the single line <text> tag. Test it out with a small number, like 15.

JavaScript function for limiting number of chars entered:

function doMaxLength(Object, MaxLen)
{
return (Object.value.length &lt;= MaxLen);
}

Here is how it is implemented in a form (this example has a 100 character limit):

<form>
<textarea name="myName" onkeypress="return doMaxLength(this, 100);" ><textarea>
</form>

Resolution

Shows current screen resolution.

<script type="text/javascript"> 
document.write(window.screen.width + ' x ' + window.screen.height);
</script>

Last Modified Date

Note that JavaScript last modified code will only accurately report the date for static HTML/XHTML pages and not those with dynamically generated content.

To create a last modified date for your web page in EWD to replace the FrontPage webbot you can use the following as a code snippet:

<p>This page last updated: 
  <script type="text/javascript">
   document.write(document.lastModified);
  </script></p>

Which provides an output like this:

This page last updated: 10/18/2006 11:16:55

Hide Email from Spambots

This JavaScript is for providing a clickable email address but hides the email address from spambots.
Put anywhere on your page between <body> and </body>. This will generate a line that looks like:

Email: info@mysite.com

<script type="text/javascript">
<!-- Begin
 user = "info";
 domain = "mysite.com";
 document.write('E-mail: <a href=\"mailto:' + user + '@' + domain + 
	'\">' + user + '@' + domain + '</a>');
// End -->
</script>

Properly Code a Back Button

Add this to the back button JavaScript code. This works even if the visitor came from a different website.

onclick="history.back();return false;

<a href="javascript:history.back()">Back</a>

Related resources