NewSourceMedia Blog » Javascripts

Javascript Enabled Warning Message

admin — Tue, 30 Nov 1999 06:00:00 +0000

How to detect if a browser's javascript is enabled or disabled and display a message. If javascript is not enabled on your visitor's browser, here is a tip on how to warn them to turn it on or to use the latest browsers. Place your warning message between the tags . Here is an example: JavaScript enabled web browsers will ignore all of the text between . Browsers that can't execute JavaScript will display your warning message in the location that you have placed the nonscrip message.

Javascript Non Alphanumeric Characters Regex

admin — Fri, 29 Dec 2006 00:22:11 +0000

Using javascript regular expressions to stop users from entering non-aphanumeric characters or white spaces Say you want to stop users from entering non-aphanumeric characters or white spaces. Using regular expressions would be the easiest method: Here is my javascript code: For numbers only use /^[0-9]+$/ For mixed text and numbers, with spaces /^[0-9a-zA-Zs]+$/ Here are more useful regular expressions:

[a-zA-Z] any letter
d any number; same as [0-9]
D any NOT number; same as [^0-9]
w any alphanumeric character; same as [a-zA-Z-0-9_]
W any NON-alphanumeric character; same as [^a-zA-Z0-9_]
s any whitespace (tab, space, newline, etc...)
S any NON-whitespace
n newline
t tab

To view a full html sample of the above code click the links below using regular expressions in JavaScript

Javascript Email Validation Form

admin — Fri, 29 Dec 2006 00:22:11 +0000

Check user email address forms to make sure they are valid using JavaScript before saving their info. The JavaScript code is provided here. The function below checks if the content has the general syntax of an email. This means that the input data must contain at least an @ sign and a dot (.). Also, the @ must not be the first character of the email address, and the last dot must at least be one character after the @ sign:

Javascript Go Back to Previous Page Button Link

admin — Fri, 29 Dec 2006 00:22:11 +0000

Go Back javascript history button links to allow visitors to go back to previous page. Here the free javascript code. Want to add a back button navigation to your web page links. Here is how to do this using javascript and html links. The code we'll use look a bit like this: "javascript:history.go(-1)" . With that code we are telling the browser to go back -1 page. You can change the -1 number to any page history like -2 or -5. So if you choose go back -3, you will send the visitor three pages back in their browser history. Here's the source code:

Go Back One Page

Click here to try the code: Go back one page

Javascript Center Popup Window

admin — Sun, 25 Jul 2004 00:22:11 +0000

How to center a chromeless pop-up window in most browsers.

Now create a link with a hash in the href attribute and add the javascript call on a onClick command.

 Popup

Be sure to change the url "freepennysaver.com" to your url.

Popup Chromeless Window

admin — Wed, 26 May 2004 00:22:11 +0000

An easy to use Javascript Popup Chromeless Window. Introduction: Here's a simple but flexible javascript popup function. This effect is known as a chromeless window. This usually means that the window is resized and the browser features (nav buttons, address field, scrollbars, resize handle, and favorites) are hidden or altered.

Javascript Source Code:

HTML Source Code:

Click here to Open Popup Window the pop up.

Adding it to your site:

First create a variable called "openwin". Next create a function called "popupwin()". This does all the work. To configure the code for your site, just change the values inside the javascript "settings" line and the html link "onClick" values. And that's it. Click here for a working sample.

Alert Boxes

admin — Mon, 29 Mar 2004 00:22:11 +0000

Alert boxes are small popup boxes that are triggered by user events. Here are a few good examples on how to alert your users. Alert boxes could be used to help users find mistakes, warn them of hazards, or to display a status of events.

1) View Alert Box

Click here to see an alert! Here is the source code:

Click here to see an alert!

You could also use the onclick="alert("bla bla")" or the onChange="alert("bla bla")" inside form elements like buttons and pulldown menus.

2) Other Options:

You can also alert users before they enter your site by placing the "alert" inside the body tag like so:

3) Confirm: Yes or Cancel Alert:

JavaScript provides a function called confirm. This generates an alert box with two buttons, asking "Yes" or "Cancel". To create this alert we define our own function in the head of a document: [Start of Code]

Click Here!

[End of Code] This could be used to persuade users to stay on the page they are visiting. Or if the link was directed to a server side program that would execute code that was unchangeable (ex: delete a file or update data), this would be a safe guard.

4) Confirm: Form Submissions Yes or No Alert

You can also use it on a form submission. This is easy. Just add the following code to your "form" tab: [Code]

overLIB

admin — Fri, 19 Mar 2004 00:22:11 +0000

overLIB is a JavaScript library created to enhance websites with small popup information boxes (tooltips) to help visitors around your website. Introduction: overLIB is a JavaScript library created to enhance websites with small popup information boxes (tooltips) to help visitors around your website. It will provide the user with information about what will happen before they click on a link as well as navigational help. Not to mention that it looks cool. Here is a sample of how it works: Haven't seen overLIB in action? Take a look at these small examples. A plain popup, or perhaps one with a caption. You can also make them stick when you click, plus, you can place any html you wish in them. There is lots more you can do like placing them on the other side of the mouse, snapping to a grid, fixating the position (you might need to scroll up to see it), having background images and lots lots more. Make sure you download JavaScript code by clicking here.

Delete Warning

admin — Sat, 28 Feb 2004 00:22:11 +0000

Javascript that alert users when clicking on sensitive links (like delete or update links). You can customize the message with option to continue or cancel. Works great with PHP, ASP, and Perl administration sites. Introduction:

This javascript registers an event handler to a link on a page. When users click a link, the code executes a pop-up alert window asks them to confirm that this is the link they wanted to click. This is perfect for server side programs that delete files on a server or modify data in a database. (View the test page.)

Source Code:

Delete

Adding it to your site:

There are just a few areas you will need to change to customize the code for your use. Number one is the message inside of the javascript event handler ("Are you sure you want to delete \nrow number \"" name_cat "\"\nfrom the database"). Notice I used (\n) for a new line and (\") for quotes. You can delete them if you like. You can also delete or move around the (" name_cat ") inside the message. The second thing you will have to modify is the link values ('yourpage.php?delete=293','293'). Change the file name to your serverside program file path and change the id row numbers ('293') to the id row number of your database rows.

Source Include

admin — Sat, 28 Feb 2004 00:22:11 +0000

Learn how to save time and money by using the javascript src() function to including local or remote document like headers, footers, css, images, and flash files. Introduction: With Javascript, you can save time and money by using the ("src") to include remote or local documents. For example, you may have a web site serving 20 web pages. All 20 pages display the same header and footer item like site name, logos and links. However, if you were to change the header text, you would have to apply those changes all 20 pages manualy. That's not fun. Here is a faster way (View the test page.) Source Code of included header file (JS-IncludeB.js): Source Code of included footer file (JS-IncludeB.js): Source Code of main page: