ToTheTech.Net - The Webmaster Guide » JavaScript http://www.tothetech.net We write all about Webmaster needs. Sat, 04 Sep 2010 05:00:03 +0000 en hourly 1 Window.captureEvents() DOM Event Method http://www.tothetech.net/javascript/window-captureevents-dom-event-method.html http://www.tothetech.net/javascript/window-captureevents-dom-event-method.html#comments Thu, 02 Sep 2010 03:33:56 +0000 Karthikeyan http://www.tothetech.net/?p=220 This captureEvents() thia JavaScript function is used to get the events occurred like mouse click, mouse move, resize etc. inside browser view area. This function is supported only in Firefox browser.

Syntax

window.captureEvents(eventType)

List of Event types

Event.ABORT, Event.BLUR, Event.CLICK, Event.CHANGE, Event.DBLCLICK, Event.DRAGDDROP, Event.ERROR, Event.FOCUS, Event.KEYDOWN, Event.KEYPRESS, Event.KEYUP, Event.LOAD, Event.MOUSEDOWN, Event.MOUSEMOVE, Event.MOUSEOUT, Event.MOUSEOVER, Event.MOUSEUP, Event.MOVE, Event.RESET, Event.RESIZE, Event.SELECT, Event.SUBMIT, Event.UNLOAD.

Note: Window.captureEvents() is not a part of any standard and it is Obsolete.

Example:

<html>
 <script>
  function reg() {
   window.captureEvents(Event.LOAD);
   window.onclick = page_click;
  }

  function page_click() {
   alert('You have clicked in this page!');
  }
 </script>

 <body onload="reg();">
 <p>click anywhere on this page.</p>
 </body>
</html>
]]> http://www.tothetech.net/javascript/window-captureevents-dom-event-method.html/feed 0 Use of Noscript Tag http://www.tothetech.net/javascript/use-of-noscript-tag.html http://www.tothetech.net/javascript/use-of-noscript-tag.html#comments Thu, 30 Apr 2009 01:23:44 +0000 Karthikeyan http://www.tothetech.net/?p=43 Noscript tag is used when ever client side browser does not JavaScript or VBScript in that situation you can use <noscript> tag which displays the content inside <noscript> tag whenever JavaScript is not supported in client browser.

Example <noscript> tag

<script type="text/javascript">
document.write("JavaScript is enabled");
</script>
<noscript>
Your Browser doesn't supports JavaScript. Try to enable JavaScript and reload the website
</noscript>
]]> http://www.tothetech.net/javascript/use-of-noscript-tag.html/feed 0 Auto Form Submit in Drop Down Item http://www.tothetech.net/javascript/auto-form-submit-in-drop-down-item.html http://www.tothetech.net/javascript/auto-form-submit-in-drop-down-item.html#comments Tue, 28 Apr 2009 14:11:53 +0000 Karthikeyan http://www.tothetech.net/?p=39 It’s simple to submit a form easily with the help of submit button, which will submit the data to process further. But in drop down item after selecting an option, we have to click submit button to submit form.
we can also  submit form automatically after selecting an option in drop down item using on change option action via JavaScript.

Submitting Form using Submit button

<form action="filename.php" method="POST">
<select name="sel">
<option> Option 1 </option>
<option> Option 2 </option>
<option> Option 3 </option>
<option> Option 4 </option>
</select>
<input type="submit" value="submit">
</form>

Submitting Form using onChange JavaScript

<form action="filename.php" method="POST">
<select name="sel" onchange="this.form.submit();">
<option> Option 1 </option>
<option> Option 2 </option>
<option> Option 3 </option>
<option> Option 4 </option>
</select>
</form>
]]> http://www.tothetech.net/javascript/auto-form-submit-in-drop-down-item.html/feed 0 JavaScript Statement, Block and Comments http://www.tothetech.net/javascript/javascript-statement-block-and-comments.html http://www.tothetech.net/javascript/javascript-statement-block-and-comments.html#comments Sun, 26 Apr 2009 10:11:14 +0000 Karthikeyan http://www.tothetech.net/?p=29 JavaScript can be stated as a statement or block, Statement which does not contains open braces and close braces .

Example for statement

<script type="text/javascript">
document.write("Statement");
</script>

Example for block

<script type="text/javascript">
{
 document.write("Block");
}
</script>

Comments : Comments are used as developer identification when ever any developer monitors he or she should understand. comments contains single line comment and multiple line comments as like as other languages.

Example for Single line comment

<html>
<body>
<script type="text/javascript">
//document.write("testing single line comment");
document.write("test success");
</script>
</body>
</html>

Example for multiple line comments

<html>
<body>
<script type="text/javascript">
/*
document.write("Testing Multiple line comments");
*/
document.write("Testing Succeeded");
</script>
</body>
</html>
]]> http://www.tothetech.net/javascript/javascript-statement-block-and-comments.html/feed 0 Basic JavaScript Examples http://www.tothetech.net/javascript/basic-javascript-examples.html http://www.tothetech.net/javascript/basic-javascript-examples.html#comments Sat, 25 Apr 2009 10:20:26 +0000 Karthikeyan http://www.tothetech.net/?p=7 Writing normal text with JavaScript.

Normally every one likes to show their content via HTML web pages with HTML tags. But here i like to write text content inside JavaScript with document object and write property.

<html>
<body>
<script type="text/javascript">
document.write("This an example for writing normal text using JavaScript");
</script>

Output

Alert Message on document load

<html>
<head>
<script type="text/javascript">
function message()
{
 alert("Welcome");
}
</script>
</head>
<body onload="message()">

</body>
</html>

The above example program explains how a function in the header is called and alert message is given. Every function can be called when ever an event or action is performed.

Writing HTML tags inside JavaScript

<html>
<head>
</head>
<body>
<script type="text/javascript">
document.write("Welcome");
</script>
</body>
</html>

Insert HTML tags in document.write("<b>Welcome</b>");
The above example explains how easily you can use HTML tags inside a JavaScript using document object and write property.

]]> http://www.tothetech.net/javascript/basic-javascript-examples.html/feed 0