NityamBhadritho: 02/01/2009

Javascript Table Object

The Javascript Table object represents an HTML table. For each instance of an HTML tag in a document, a Table object is created.

IE: Internet Explorer, F: Firefox, N: Netscape, W3C: World Wide Web Consortium (Internet Standard).

Javascript Table Object Collections

Javascript Textarea

Javascript Textarea Object

The Javascript Textarea object represents a text-area in an HTML form. For each instance of an HTML

tag in a form, a Textarea object is created.
<br />
<br />You can access a Javascript Textarea object by indexing the elements array (by number or name) of the corresponding form or by using getElementById().
<br />
<br />IE: Internet Explorer, F: Firefox, N: Netscape, W3C: World Wide Web Consortium (Internet Standard). 
<div style='clear: both;'></div>
</div>
<div class='post-footer'>
<div class='post-footer-line post-footer-line-1'><span class='post-author vcard'>
Posted by
<span class='fn'>NityamBhadritho</span>
</span>
<span class='post-timestamp'>
at
<a class='timestamp-link' href='http://nityambhadritho.blogspot.com/2009/02/javascript-textarea.html' rel='bookmark' title='permanent link'><abbr class='published' title='2009-02-03T05:40:00-08:00'>5:40 AM</abbr></a>
</span>
<span class='post-comment-link'>
<a class='comment-link' href='https://www.blogger.com/comment/fullpage/post/5140513776951626374/7412544869285340526' onclick='javascript:window.open(this.href, "bloggerPopup", "toolbar=0,location=0,statusbar=1,menubar=0,scrollbars=yes,width=640,height=500"); return false;'>0
comments</a>
</span>
<span class='post-icons'>
<span class='item-action'>
<a href='https://www.blogger.com/email-post/5140513776951626374/7412544869285340526' title='Email Post'>
<img alt='' class='icon-action' src='http://www.blogger.com/img/icon18_email.gif'/>
</a>
</span>
<span class='item-control blog-admin pid-2137267216'>
<a href='https://www.blogger.com/post-edit.g?blogID=5140513776951626374&postID=7412544869285340526&from=pencil' title='Edit Post'>
<img alt='' class='icon-action' height='18' src='https://resources.blogblog.com/img/icon18_edit_allbkg.gif' width='18'/>
</a>
</span>
</span>
</div>
<div class='post-footer-line post-footer-line-2'><span class='post-labels'>
Labels:
<a href='http://nityambhadritho.blogspot.com/search/label/Javascript' rel='tag'>Javascript</a>
</span>
</div>
<div class='post-footer-line post-footer-line-3'></div>
</div>
</div>
</div>
<div class='post-outer'>
<div class='post hentry'>
<a name='8310801662578503318'></a>
<h3 class='post-title entry-title'>
<a href='http://www.cheap-webdesigns.com/web-knowledge/javascript/javascript-style/'>Javascript style</a>
</h3>
<div class='post-header-line-1'></div>
<div class='post-body entry-content'>
Javascript Style object<br /><br />The Javascript Style object represents an individual style statement. The Javascript Style object can be accessed from the document or from the elements to which that style is applied.<br /><br />Syntax for using the Style object properties:<br /><br />document.getElementById(" id ").style. property =" value "
<div style='clear: both;'></div>
</div>
<div class='post-footer'>
<div class='post-footer-line post-footer-line-1'><span class='post-author vcard'>
Posted by
<span class='fn'>NityamBhadritho</span>
</span>
<span class='post-timestamp'>
at
<a class='timestamp-link' href='http://nityambhadritho.blogspot.com/2009/02/javascript-style.html' rel='bookmark' title='permanent link'><abbr class='published' title='2009-02-03T05:39:00-08:00'>5:39 AM</abbr></a>
</span>
<span class='post-comment-link'>
<a class='comment-link' href='https://www.blogger.com/comment/fullpage/post/5140513776951626374/8310801662578503318' onclick='javascript:window.open(this.href, "bloggerPopup", "toolbar=0,location=0,statusbar=1,menubar=0,scrollbars=yes,width=640,height=500"); return false;'>0
comments</a>
</span>
<span class='post-icons'>
<span class='item-action'>
<a href='https://www.blogger.com/email-post/5140513776951626374/8310801662578503318' title='Email Post'>
<img alt='' class='icon-action' src='http://www.blogger.com/img/icon18_email.gif'/>
</a>
</span>
<span class='item-control blog-admin pid-2137267216'>
<a href='https://www.blogger.com/post-edit.g?blogID=5140513776951626374&postID=8310801662578503318&from=pencil' title='Edit Post'>
<img alt='' class='icon-action' height='18' src='https://resources.blogblog.com/img/icon18_edit_allbkg.gif' width='18'/>
</a>
</span>
</span>
</div>
<div class='post-footer-line post-footer-line-2'><span class='post-labels'>
Labels:
<a href='http://nityambhadritho.blogspot.com/search/label/Javascript' rel='tag'>Javascript</a>
</span>
</div>
<div class='post-footer-line post-footer-line-3'></div>
</div>
</div>
</div>
<div class='post-outer'>
<div class='post hentry'>
<a name='449515591615976291'></a>
<h3 class='post-title entry-title'>
<a href='http://www.cheap-webdesigns.com/web-knowledge/javascript/javascript-image/'>Javascript Image</a>
</h3>
<div class='post-header-line-1'></div>
<div class='post-body entry-content'>
Javascript Image Object<br /><br />The Image object represents an HTML img element. For each instance of an HTML <img> tag in a document, an Image object is created.<br /><br />IE: Internet Explorer, F: Firefox, N: Netscape, W3C: World Wide Web Consortium (Internet Standard).<br /><br />Javascript Image Object Properties
<div style='clear: both;'></div>
</div>
<div class='post-footer'>
<div class='post-footer-line post-footer-line-1'><span class='post-author vcard'>
Posted by
<span class='fn'>NityamBhadritho</span>
</span>
<span class='post-timestamp'>
at
<a class='timestamp-link' href='http://nityambhadritho.blogspot.com/2009/02/javascript-image.html' rel='bookmark' title='permanent link'><abbr class='published' title='2009-02-03T05:38:00-08:00'>5:38 AM</abbr></a>
</span>
<span class='post-comment-link'>
<a class='comment-link' href='https://www.blogger.com/comment/fullpage/post/5140513776951626374/449515591615976291' onclick='javascript:window.open(this.href, "bloggerPopup", "toolbar=0,location=0,statusbar=1,menubar=0,scrollbars=yes,width=640,height=500"); return false;'>0
comments</a>
</span>
<span class='post-icons'>
<span class='item-action'>
<a href='https://www.blogger.com/email-post/5140513776951626374/449515591615976291' title='Email Post'>
<img alt='' class='icon-action' src='http://www.blogger.com/img/icon18_email.gif'/>
</a>
</span>
<span class='item-control blog-admin pid-2137267216'>
<a href='https://www.blogger.com/post-edit.g?blogID=5140513776951626374&postID=449515591615976291&from=pencil' title='Edit Post'>
<img alt='' class='icon-action' height='18' src='https://resources.blogblog.com/img/icon18_edit_allbkg.gif' width='18'/>
</a>
</span>
</span>
</div>
<div class='post-footer-line post-footer-line-2'><span class='post-labels'>
Labels:
<a href='http://nityambhadritho.blogspot.com/search/label/Javascript' rel='tag'>Javascript</a>
</span>
</div>
<div class='post-footer-line post-footer-line-3'></div>
</div>
</div>
</div>
<div class='post-outer'>
<div class='post hentry'>
<a name='7788346406619834078'></a>
<h3 class='post-title entry-title'>
<a href='http://www.cheap-webdesigns.com/web-knowledge/javascript/javascript-frame/'>Javascript Frame </a>
</h3>
<div class='post-header-line-1'></div>
<div class='post-body entry-content'>
	
<br />Javascript Frame Object
<br />
<br />The Javascript Frame object represents an HTML frame. For each instance of an HTML <frame> tag in a document, a Frame object is created.
<br />
<br />IE: Internet Explorer, F: Firefox, N: Netscape, W3C: World Wide Web Consortium (Internet Standard).
<br />
<br />Javascript Frame Object Properties 
<div style='clear: both;'></div>
</div>
<div class='post-footer'>
<div class='post-footer-line post-footer-line-1'><span class='post-author vcard'>
Posted by
<span class='fn'>NityamBhadritho</span>
</span>
<span class='post-timestamp'>
at
<a class='timestamp-link' href='http://nityambhadritho.blogspot.com/2009/02/javascript-frame.html' rel='bookmark' title='permanent link'><abbr class='published' title='2009-02-03T05:37:00-08:00'>5:37 AM</abbr></a>
</span>
<span class='post-comment-link'>
<a class='comment-link' href='https://www.blogger.com/comment/fullpage/post/5140513776951626374/7788346406619834078' onclick='javascript:window.open(this.href, "bloggerPopup", "toolbar=0,location=0,statusbar=1,menubar=0,scrollbars=yes,width=640,height=500"); return false;'>0
comments</a>
</span>
<span class='post-icons'>
<span class='item-action'>
<a href='https://www.blogger.com/email-post/5140513776951626374/7788346406619834078' title='Email Post'>
<img alt='' class='icon-action' src='http://www.blogger.com/img/icon18_email.gif'/>
</a>
</span>
<span class='item-control blog-admin pid-2137267216'>
<a href='https://www.blogger.com/post-edit.g?blogID=5140513776951626374&postID=7788346406619834078&from=pencil' title='Edit Post'>
<img alt='' class='icon-action' height='18' src='https://resources.blogblog.com/img/icon18_edit_allbkg.gif' width='18'/>
</a>
</span>
</span>
</div>
<div class='post-footer-line post-footer-line-2'><span class='post-labels'>
Labels:
<a href='http://nityambhadritho.blogspot.com/search/label/Javascript' rel='tag'>Javascript</a>
</span>
</div>
<div class='post-footer-line post-footer-line-3'></div>
</div>
</div>
</div>
<div class='post-outer'>
<div class='post hentry'>
<a name='3949259478737508905'></a>
<h3 class='post-title entry-title'>
<a href='http://www.cheap-webdesigns.com/web-knowledge/javascript/javascript-onload/'>Javascript Onload</a>
</h3>
<div class='post-header-line-1'></div>
<div class='post-body entry-content'>
	
<br />JavaScript onload Event
<br />
<br />Javascript onload Definition and Usage
<br />
<br />The onload event occurs immediately after a page or an image is loaded.
<br />
<br /> 
<br />
<br />Javascript onload Event Syntax
<br />
<br />onload="SomeJavaScriptCode"
<br />
<br /> 
<br />
<br />Parameter
<br />	
<br />
<br />Description
<br />
<br />SomeJavaScriptCode
<br />	
<br />
<br />Required. Specifies a JavaScript to be executed when the event occurs.
<br />
<br />Javascript onload Event Supported by the following HTML tags:
<br />
<br /><body>, <frame>, <frameset>, <iframe>, <img>, <link>, <script>
<br />
<br />Javascript onload Event Supported by the following JavaScript objects:
<br />
<br />image, layer, window
<br />Javascript onload Event Example
<br />
<br />In this example the text "Page is loaded" will be displayed in the status bar:
<br />
<br /><html>
<br />
<br /><head>
<br />
<br /><script type="text/javascript">
<br />
<br />function load()
<br />
<br />{ window.status="Page is loaded" }
<br />
<br /></script>
<br />
<br /></head>
<br />
<br /><body onload="load()">
<br />
<br /></body>
<br />
<br /></html>
<br />
<br /> 
<div style='clear: both;'></div>
</div>
<div class='post-footer'>
<div class='post-footer-line post-footer-line-1'><span class='post-author vcard'>
Posted by
<span class='fn'>NityamBhadritho</span>
</span>
<span class='post-timestamp'>
at
<a class='timestamp-link' href='http://nityambhadritho.blogspot.com/2009/02/javascript-onload.html' rel='bookmark' title='permanent link'><abbr class='published' title='2009-02-03T05:36:00-08:00'>5:36 AM</abbr></a>
</span>
<span class='post-comment-link'>
<a class='comment-link' href='https://www.blogger.com/comment/fullpage/post/5140513776951626374/3949259478737508905' onclick='javascript:window.open(this.href, "bloggerPopup", "toolbar=0,location=0,statusbar=1,menubar=0,scrollbars=yes,width=640,height=500"); return false;'>0
comments</a>
</span>
<span class='post-icons'>
<span class='item-action'>
<a href='https://www.blogger.com/email-post/5140513776951626374/3949259478737508905' title='Email Post'>
<img alt='' class='icon-action' src='http://www.blogger.com/img/icon18_email.gif'/>
</a>
</span>
<span class='item-control blog-admin pid-2137267216'>
<a href='https://www.blogger.com/post-edit.g?blogID=5140513776951626374&postID=3949259478737508905&from=pencil' title='Edit Post'>
<img alt='' class='icon-action' height='18' src='https://resources.blogblog.com/img/icon18_edit_allbkg.gif' width='18'/>
</a>
</span>
</span>
</div>
<div class='post-footer-line post-footer-line-2'><span class='post-labels'>
Labels:
<a href='http://nityambhadritho.blogspot.com/search/label/Javascript' rel='tag'>Javascript</a>
</span>
</div>
<div class='post-footer-line post-footer-line-3'></div>
</div>
</div>
</div>
<div class='post-outer'>
<div class='post hentry'>
<a name='33975883179090553'></a>
<h3 class='post-title entry-title'>
<a href='http://www.cheap-webdesigns.com/web-knowledge/javascript/javascript-onclick/'>Javascript Onclick </a>
</h3>
<div class='post-header-line-1'></div>
<div class='post-body entry-content'>
Javascript onclick Definition and Usage
<br />
<br /> 
<br />
<br />The Javascript onclick event occurs when an object gets clicked.
<br />
<br /> 
<br />
<br />Javascript onclick Syntax
<br />
<br /> 
<br />
<br />onclick="SomeJavaScriptCode"
<br />
<br /> 
<br />
<br />Parameter
<br />	
<br />
<br />Description
<br />
<br />SomeJavaScriptCode
<br />	
<br />
<br />Required. Specifies a JavaScript to be executed when the event occurs.
<br />
<br />Javascript onclick Supported by the following HTML tags:
<br />
<br /><a>, <address>, <area>, <b>, <bdo>, <big>, <blockquote>, <body>, <button>, <caption>, <cite>, <code>, <dd>, <dfn>, <div>, <dl>, <dt>, <em>, <fieldset>, <form>, <h1> to <h6>, <hr>, <i>, <img>, <input>, <kbd>, <label>, <legend>, <li>, <map>, <object>, <ol>, <p>, <pre>, <samp>, <select>, <small>, <span>, <strong>, <sub>, <sup>, <table>, <tbody>, <td>, <textarea>, <tfoot>, <th>, <thead>, <tr>, <tt>, <ul>, <var>
<br />
<br />Javascript onclick Supported by the following JavaScript objects:
<br />
<br />button, document, checkbox, link, radio, reset, submit
<br />
<br /> 
<div style='clear: both;'></div>
</div>
<div class='post-footer'>
<div class='post-footer-line post-footer-line-1'><span class='post-author vcard'>
Posted by
<span class='fn'>NityamBhadritho</span>
</span>
<span class='post-timestamp'>
at
<a class='timestamp-link' href='http://nityambhadritho.blogspot.com/2009/02/javascript-onclick.html' rel='bookmark' title='permanent link'><abbr class='published' title='2009-02-03T05:35:00-08:00'>5:35 AM</abbr></a>
</span>
<span class='post-comment-link'>
<a class='comment-link' href='https://www.blogger.com/comment/fullpage/post/5140513776951626374/33975883179090553' onclick='javascript:window.open(this.href, "bloggerPopup", "toolbar=0,location=0,statusbar=1,menubar=0,scrollbars=yes,width=640,height=500"); return false;'>0
comments</a>
</span>
<span class='post-icons'>
<span class='item-action'>
<a href='https://www.blogger.com/email-post/5140513776951626374/33975883179090553' title='Email Post'>
<img alt='' class='icon-action' src='http://www.blogger.com/img/icon18_email.gif'/>
</a>
</span>
<span class='item-control blog-admin pid-2137267216'>
<a href='https://www.blogger.com/post-edit.g?blogID=5140513776951626374&postID=33975883179090553&from=pencil' title='Edit Post'>
<img alt='' class='icon-action' height='18' src='https://resources.blogblog.com/img/icon18_edit_allbkg.gif' width='18'/>
</a>
</span>
</span>
</div>
<div class='post-footer-line post-footer-line-2'><span class='post-labels'>
Labels:
<a href='http://nityambhadritho.blogspot.com/search/label/Javascript' rel='tag'>Javascript</a>
</span>
</div>
<div class='post-footer-line post-footer-line-3'></div>
</div>
</div>
</div>
<div class='post-outer'>
<div class='post hentry'>
<a name='8690629634791970434'></a>
<h3 class='post-title entry-title'>
<a href='http://www.cheap-webdesigns.com/web-knowledge/javascript/javascript-math/'>Javascript Math</a>
</h3>
<div class='post-header-line-1'></div>
<div class='post-body entry-content'>
<div style='clear: both;'></div>
</div>
<div class='post-footer'>
<div class='post-footer-line post-footer-line-1'><span class='post-author vcard'>
Posted by
<span class='fn'>NityamBhadritho</span>
</span>
<span class='post-timestamp'>
at
<a class='timestamp-link' href='http://nityambhadritho.blogspot.com/2009/02/javascript-math.html' rel='bookmark' title='permanent link'><abbr class='published' title='2009-02-03T05:33:00-08:00'>5:33 AM</abbr></a>
</span>
<span class='post-comment-link'>
<a class='comment-link' href='https://www.blogger.com/comment/fullpage/post/5140513776951626374/8690629634791970434' onclick='javascript:window.open(this.href, "bloggerPopup", "toolbar=0,location=0,statusbar=1,menubar=0,scrollbars=yes,width=640,height=500"); return false;'>0
comments</a>
</span>
<span class='post-icons'>
<span class='item-action'>
<a href='https://www.blogger.com/email-post/5140513776951626374/8690629634791970434' title='Email Post'>
<img alt='' class='icon-action' src='http://www.blogger.com/img/icon18_email.gif'/>
</a>
</span>
<span class='item-control blog-admin pid-2137267216'>
<a href='https://www.blogger.com/post-edit.g?blogID=5140513776951626374&postID=8690629634791970434&from=pencil' title='Edit Post'>
<img alt='' class='icon-action' height='18' src='https://resources.blogblog.com/img/icon18_edit_allbkg.gif' width='18'/>
</a>
</span>
</span>
</div>
<div class='post-footer-line post-footer-line-2'><span class='post-labels'>
Labels:
<a href='http://nityambhadritho.blogspot.com/search/label/Javascript' rel='tag'>Javascript</a>
</span>
</div>
<div class='post-footer-line post-footer-line-3'></div>
</div>
</div>
</div>
<div class='post-outer'>
<div class='post hentry'>
<a name='5125974998894464657'></a>
<h3 class='post-title entry-title'>
<a href='http://www.cheap-webdesigns.com/web-knowledge/javascript/javascript-array/'>Javascript Array</a>
</h3>
<div class='post-header-line-1'></div>
<div class='post-body entry-content'>
<div style='clear: both;'></div>
</div>
<div class='post-footer'>
<div class='post-footer-line post-footer-line-1'><span class='post-author vcard'>
Posted by
<span class='fn'>NityamBhadritho</span>
</span>
<span class='post-timestamp'>
at
<a class='timestamp-link' href='http://nityambhadritho.blogspot.com/2009/02/javascript-array.html' rel='bookmark' title='permanent link'><abbr class='published' title='2009-02-03T05:33:00-08:00'>5:33 AM</abbr></a>
</span>
<span class='post-comment-link'>
<a class='comment-link' href='https://www.blogger.com/comment/fullpage/post/5140513776951626374/5125974998894464657' onclick='javascript:window.open(this.href, "bloggerPopup", "toolbar=0,location=0,statusbar=1,menubar=0,scrollbars=yes,width=640,height=500"); return false;'>0
comments</a>
</span>
<span class='post-icons'>
<span class='item-action'>
<a href='https://www.blogger.com/email-post/5140513776951626374/5125974998894464657' title='Email Post'>
<img alt='' class='icon-action' src='http://www.blogger.com/img/icon18_email.gif'/>
</a>
</span>
<span class='item-control blog-admin pid-2137267216'>
<a href='https://www.blogger.com/post-edit.g?blogID=5140513776951626374&postID=5125974998894464657&from=pencil' title='Edit Post'>
<img alt='' class='icon-action' height='18' src='https://resources.blogblog.com/img/icon18_edit_allbkg.gif' width='18'/>
</a>
</span>
</span>
</div>
<div class='post-footer-line post-footer-line-2'><span class='post-labels'>
Labels:
<a href='http://nityambhadritho.blogspot.com/search/label/Javascript' rel='tag'>Javascript</a>
</span>
</div>
<div class='post-footer-line post-footer-line-3'></div>
</div>
</div>
</div>
<div class='post-outer'>
<div class='post hentry'>
<a name='2581482221552120022'></a>
<h3 class='post-title entry-title'>
<a href='http://www.cheap-webdesigns.com/web-knowledge/javascript/javascript-date/'>Javascript date</a>
</h3>
<div class='post-header-line-1'></div>
<div class='post-body entry-content'>
<div style='clear: both;'></div>
</div>
<div class='post-footer'>
<div class='post-footer-line post-footer-line-1'><span class='post-author vcard'>
Posted by
<span class='fn'>NityamBhadritho</span>
</span>
<span class='post-timestamp'>
at
<a class='timestamp-link' href='http://nityambhadritho.blogspot.com/2009/02/javascript-date.html' rel='bookmark' title='permanent link'><abbr class='published' title='2009-02-03T05:32:00-08:00'>5:32 AM</abbr></a>
</span>
<span class='post-comment-link'>
<a class='comment-link' href='https://www.blogger.com/comment/fullpage/post/5140513776951626374/2581482221552120022' onclick='javascript:window.open(this.href, "bloggerPopup", "toolbar=0,location=0,statusbar=1,menubar=0,scrollbars=yes,width=640,height=500"); return false;'>0
comments</a>
</span>
<span class='post-icons'>
<span class='item-action'>
<a href='https://www.blogger.com/email-post/5140513776951626374/2581482221552120022' title='Email Post'>
<img alt='' class='icon-action' src='http://www.blogger.com/img/icon18_email.gif'/>
</a>
</span>
<span class='item-control blog-admin pid-2137267216'>
<a href='https://www.blogger.com/post-edit.g?blogID=5140513776951626374&postID=2581482221552120022&from=pencil' title='Edit Post'>
<img alt='' class='icon-action' height='18' src='https://resources.blogblog.com/img/icon18_edit_allbkg.gif' width='18'/>
</a>
</span>
</span>
</div>
<div class='post-footer-line post-footer-line-2'><span class='post-labels'>
Labels:
<a href='http://nityambhadritho.blogspot.com/search/label/Javascript' rel='tag'>Javascript</a>
</span>
</div>
<div class='post-footer-line post-footer-line-3'></div>
</div>
</div>
</div>
<div class='post-outer'>
<div class='post hentry'>
<a name='6860658550282881757'></a>
<h3 class='post-title entry-title'>
<a href='http://www.cheap-webdesigns.com/web-knowledge/javascript/javascript-string/'>Javascript String</a>
</h3>
<div class='post-header-line-1'></div>
<div class='post-body entry-content'>
<div style='clear: both;'></div>
</div>
<div class='post-footer'>
<div class='post-footer-line post-footer-line-1'><span class='post-author vcard'>
Posted by
<span class='fn'>NityamBhadritho</span>
</span>
<span class='post-timestamp'>
at
<a class='timestamp-link' href='http://nityambhadritho.blogspot.com/2009/02/javascript-string.html' rel='bookmark' title='permanent link'><abbr class='published' title='2009-02-03T05:31:00-08:00'>5:31 AM</abbr></a>
</span>
<span class='post-comment-link'>
<a class='comment-link' href='https://www.blogger.com/comment/fullpage/post/5140513776951626374/6860658550282881757' onclick='javascript:window.open(this.href, "bloggerPopup", "toolbar=0,location=0,statusbar=1,menubar=0,scrollbars=yes,width=640,height=500"); return false;'>0
comments</a>
</span>
<span class='post-icons'>
<span class='item-action'>
<a href='https://www.blogger.com/email-post/5140513776951626374/6860658550282881757' title='Email Post'>
<img alt='' class='icon-action' src='http://www.blogger.com/img/icon18_email.gif'/>
</a>
</span>
<span class='item-control blog-admin pid-2137267216'>
<a href='https://www.blogger.com/post-edit.g?blogID=5140513776951626374&postID=6860658550282881757&from=pencil' title='Edit Post'>
<img alt='' class='icon-action' height='18' src='https://resources.blogblog.com/img/icon18_edit_allbkg.gif' width='18'/>
</a>
</span>
</span>
</div>
<div class='post-footer-line post-footer-line-2'><span class='post-labels'>
Labels:
<a href='http://nityambhadritho.blogspot.com/search/label/Javascript' rel='tag'>Javascript</a>
</span>
</div>
<div class='post-footer-line post-footer-line-3'></div>
</div>
</div>
</div>
<div class='post-outer'>
<div class='post hentry'>
<a name='2527198983009987901'></a>
<h3 class='post-title entry-title'>
<a href='http://nityambhadritho.blogspot.com/2009/02/javascript-object.html'>Javascript object</a>
</h3>
<div class='post-header-line-1'></div>
<div class='post-body entry-content'>
JavaScript is an Object Oriented Programming (OOP) language.<br /><br />An OOP language allows you to define your own objects and make your own variable types.<br /><br />Object Oriented Programming<br /><br />JavaScript is an Object Oriented Programming (OOP) language. An OOP language allows you to define your own objects and make your own variable types.<br /><br />However, creating your own objects will be explained later, in the Advanced JavaScript section. We will start by looking at the built-in JavaScript objects, and how they are used. The next pages will explain each built-in JavaScript object in detail.<br /><br />Note that an object is just a special kind of data. An object has properties and methods.<br /><br />Properties<br /><br />Properties are the values associated with an object.<br /><br />In the following example we are using the length property of the String object to return the number of characters in a string:<br /><br /><script type="text/javascript"><br /><br />var txt="Hello World!"<br /><br />document.write(txt.length)<br /><br /></script><br /><br />The output of the code above will be:<br /><br />12<br /><br />Methods<br /><br />Methods are the actions that can be performed on objects.<br /><br />In the following example we are using the toUpperCase() method of the String object to display a text in uppercase letters:<br /><br /><script type="text/javascript"><br /><br />var str="Hello world!"<br /><br />document.write(str.toUpperCase())<br /><br /></script><br /><br />The output of the code above will be:<br /><br />HELLO WORLD!<br /><br />Object Creation<br /><br />Generally objects may be created using the following syntax:<br /><br />name = new Object()<br /><br />For instance Array, Date, Number, Boolean, and String objects can be created this way as in the example below. Most objects may be created this way except for the Math object which cannot be instantiated (an instance of it may not be created).<br /><br />ratings = new Array(6,9,8,4,5,7,8,10)<br /><br />var home = new String("Residence")<br /><br />var futdate = new Date()<br /><br />var num1 = new Number()<br /><br />String objects may also be created as follows:<br /><br />var string = "This is a test."<br /><br />Object Template<br /><br />Objects are created using templates. Templates to objects are like cookie cutters to cookies. Cookie cutters are used to create instances of cookies and object templates are used to create instances of objects. For now, the template is shown. The following creates an object, olist.<br /><br />function olist(elements)<br /><br />{<br /><br />this.elements = elements<br /><br />this.listitems = new Array(elements)<br /><br />this.getItem = list_getItem<br /><br />this.setItem = list_getItem<br /><br />}<br /><br />The methods list_setItem and list_getItem are written as follows:<br /><br />function list_getItem(element)<br /><br />{<br /><br />return this.listitems(element)<br /><br />}<br /><br />function list_setItem(element, stringval)<br /><br />{<br /><br />this.listitems(element) - stringval<br /><br />}<br /><br />Creating the Object<br /><br />var list1 = new olist(10)<br /><br />Changing the Object<br /><br />list1.setItem(0,"This is the first item in the list")<br /><br />list1.setItem(1,"This is the second item in the list")<br /><br />list1.setItem(2,"This is the third item in the list")<br /><br />The Prototype property<br /><br />The prototype property can be used to create new properties of created objects (whether they are user defined or system defined) as follows:<br /><br />list1.prototype.type = "1"<br /><br />The Function Constructor<br /><br />Creation:<br /><br />minus2 = new Function("x","return x-2")<br /><br />Usage:<br /><br />y = minus2(10)<br /><br />The value of y is now 8.<br /><br />Object use<br /><br />When writing JavaScript, you are embedding the JavaScript in an object. These objects may have functions. An example function is the alert() function. It may be called as follows:<br /><br />alert("An error occurred!")<br /><br />However, the window object is the highest level JavaScript object, therefore the following code does the same thing:<br /><br />window.alert("An error occurred!")<br /><br />The following code using the "this" object declaration will perform the same:<br /><br />this.alert("An error occurred!")<br /><br />Object and Property Reference<br /><br />Objects and their properties are normally referenced using a dot between each object or its property or method. as follows:<br /><br />document.write("This is a test.")<br /><br />However, a method called array notation, may be used. Array notation is required when the first character of a property name is a digit since the dot method may not be used in this case. The above example in array notation is:<br /><br />document ["write"] ("This is a test.")<br /><br />Levels of Objects<br /><br />JavaScript has basically three types of objects which are:<br /><br />Top level objects<br /><br />Objects that are properties of other objects<br /><br />Objects that are not properties of other objects
<div style='clear: both;'></div>
</div>
<div class='post-footer'>
<div class='post-footer-line post-footer-line-1'><span class='post-author vcard'>
Posted by
<span class='fn'>NityamBhadritho</span>
</span>
<span class='post-timestamp'>
at
<a class='timestamp-link' href='http://nityambhadritho.blogspot.com/2009/02/javascript-object.html' rel='bookmark' title='permanent link'><abbr class='published' title='2009-02-03T05:29:00-08:00'>5:29 AM</abbr></a>
</span>
<span class='post-comment-link'>
<a class='comment-link' href='https://www.blogger.com/comment/fullpage/post/5140513776951626374/2527198983009987901' onclick='javascript:window.open(this.href, "bloggerPopup", "toolbar=0,location=0,statusbar=1,menubar=0,scrollbars=yes,width=640,height=500"); return false;'>0
comments</a>
</span>
<span class='post-icons'>
<span class='item-action'>
<a href='https://www.blogger.com/email-post/5140513776951626374/2527198983009987901' title='Email Post'>
<img alt='' class='icon-action' src='http://www.blogger.com/img/icon18_email.gif'/>
</a>
</span>
<span class='item-control blog-admin pid-2137267216'>
<a href='https://www.blogger.com/post-edit.g?blogID=5140513776951626374&postID=2527198983009987901&from=pencil' title='Edit Post'>
<img alt='' class='icon-action' height='18' src='https://resources.blogblog.com/img/icon18_edit_allbkg.gif' width='18'/>
</a>
</span>
</span>
</div>
<div class='post-footer-line post-footer-line-2'><span class='post-labels'>
Labels:
<a href='http://nityambhadritho.blogspot.com/search/label/Javascript' rel='tag'>Javascript</a>
</span>
</div>
<div class='post-footer-line post-footer-line-3'></div>
</div>
</div>
</div>
<div class='post-outer'>
<div class='post hentry'>
<a name='2320044318180780674'></a>
<h3 class='post-title entry-title'>
<a href='http://nityambhadritho.blogspot.com/2009/02/javascript-for.html'>Javascript for</a>
</h3>
<div class='post-header-line-1'></div>
<div class='post-body entry-content'>
Javascript for Loop
<br />
<br />Javascript for loop is used when you know in advance how many times the script should run.
<br />
<br />Syntax
<br />
<br />for (var=startvalue;var<=endvalue;var=var+increment)
<br />
<br />{
<br />
<br />code to be executed
<br />
<br />}
<br />
<br />Example
<br />
<br />Explanation: The example below defines a Javascript for loop that starts with i=0. The Javascript for loop will continue to run as long as i is less than, or equal to 10. i will increase by 1 each time the loop runs.
<br />
<br /><html>
<br />
<br /><body>
<br />
<br /><script type="text/javascript">
<br />
<br />var i=0
<br />
<br />for (i=0;i<=10;i++)
<br />
<br />{
<br />
<br />document.write("The number is " + i)
<br />
<br />document.write("<br />")
<br />
<br />}
<br />
<br /></script>
<br />
<br /></body>
<br />
<br /></html>
<br />
<br />Result
<br />
<br />The number is 0
<br />
<br />The number is 1
<br />
<br />The number is 2
<br />
<br />The number is 3
<br />
<br />The number is 4
<br />
<br />The number is 5
<br />
<br />The number is 6
<br />
<br />The number is 7
<br />
<br />The number is 8
<br />
<br />The number is 9
<br />
<br />There are four important aspects of a Javascript for loop:
<br />
<br />The counter variable is something that is created and usually used only in the for loop to count how many times the for loop has looped.
<br />
<br />The conditional statement that decides whether the for loop continues executing or not. This check usually includes the counter variable in some way.
<br />
<br />The counter variable is incremented after every loop in the increment section of the for loop.
<br />
<br />The code that is executed for each loop through the for loop.
<br />
<br />This may seem strange, but 1-3 all occur on the same line of code. This is because the Javascript for loop is such a standardized programming practice that the designers felt they might as well save some space and clutter when creating the for loop. 
<div style='clear: both;'></div>
</div>
<div class='post-footer'>
<div class='post-footer-line post-footer-line-1'><span class='post-author vcard'>
Posted by
<span class='fn'>NityamBhadritho</span>
</span>
<span class='post-timestamp'>
at
<a class='timestamp-link' href='http://nityambhadritho.blogspot.com/2009/02/javascript-for.html' rel='bookmark' title='permanent link'><abbr class='published' title='2009-02-03T05:28:00-08:00'>5:28 AM</abbr></a>
</span>
<span class='post-comment-link'>
<a class='comment-link' href='https://www.blogger.com/comment/fullpage/post/5140513776951626374/2320044318180780674' onclick='javascript:window.open(this.href, "bloggerPopup", "toolbar=0,location=0,statusbar=1,menubar=0,scrollbars=yes,width=640,height=500"); return false;'>0
comments</a>
</span>
<span class='post-icons'>
<span class='item-action'>
<a href='https://www.blogger.com/email-post/5140513776951626374/2320044318180780674' title='Email Post'>
<img alt='' class='icon-action' src='http://www.blogger.com/img/icon18_email.gif'/>
</a>
</span>
<span class='item-control blog-admin pid-2137267216'>
<a href='https://www.blogger.com/post-edit.g?blogID=5140513776951626374&postID=2320044318180780674&from=pencil' title='Edit Post'>
<img alt='' class='icon-action' height='18' src='https://resources.blogblog.com/img/icon18_edit_allbkg.gif' width='18'/>
</a>
</span>
</span>
</div>
<div class='post-footer-line post-footer-line-2'><span class='post-labels'>
Labels:
<a href='http://nityambhadritho.blogspot.com/search/label/Javascript' rel='tag'>Javascript</a>
</span>
</div>
<div class='post-footer-line post-footer-line-3'></div>
</div>
</div>
</div>
<div class='post-outer'>
<div class='post hentry'>
<a name='1983006702482696728'></a>
<h3 class='post-title entry-title'>
<a href='http://nityambhadritho.blogspot.com/2009/02/javascript-if.html'>Javascript if</a>
</h3>
<div class='post-header-line-1'></div>
<div class='post-body entry-content'>
JavaScript if<br /><br />Conditional statements in JavaScript are used to perform different actions based on different conditions.<br />JavaScript If Conditional Statements<br /><br />Very often when you write code, you want to perform different actions for different decisions. You can use conditional statements in your code to do this.<br /><br />In JavaScript we have the following conditional statements:<br /><br />    * if statement - use this statement if you want to execute some code only if a specified condition is true<br />    * if...else statement - use this statement if you want to execute some code if the condition is true and another code if the condition is false<br />    * if...else if....else statement - use this statement if you want to select one of many blocks of code to be executed<br />    * switch statement - use this statement if you want to select one of many blocks of code to be executed<br /><br />Javascript If Statement<br /><br />You should use the if statement if you want to execute some code only if a specified condition is true.<br /><br />Javascript If Syntax<br /><br />if ( condition ) { code to be executed if condition is true }<br /><br />Note that if is written in lowercase letters. Using uppercase letters (IF) will generate a JavaScript error!<br /><br />Javascript If Example 1<br /><br /><script type="text/javascript"><br /><br />//Write a "Good morning" greeting if<br /><br />//the time is less than 10<br /><br />var d=new Date()<br /><br />var time=d.getHours()<br /><br />if (time<10) { document.write("<b>Good morning</b>") }<br /><br /></script><br /><br />Javascript If Example 2<br /><br /><script type="text/javascript"><br /><br />//Write "Lunch-time!" if the time is 11<br /><br />var d=new Date()<br /><br />var time=d.getHours()<br /><br />if (time==11)<br /><br />{ document.write("<b>Lunch-time!</b>") }<br /><br /></script><br /><br />Note: When comparing variables you must always use two equals signs next to each other (==)!<br /><br />Notice that there is no ..else.. in this syntax. You just tell the code to execute some code only if the specified condition is true .<br />Javascript If...else Statement<br /><br />If you want to execute some code if a condition is true and another code if the condition is not true, use the if....else statement.<br /><br />Syntax<br /><br />if ( condition ) { code to be executed if condition is true } else { code to be executed if condition is not true }<br /><br />Example<br /><br /><script type="text/javascript"><br /><br />//If the time is less than 10,<br /><br />//you will get a "Good morning" greeting.<br /><br />//Otherwise you will get a "Good day" greeting.<br /><br />var d = new Date()<br /><br />var time = d.getHours()<br /><br />if (time < 10)<br /><br />{ document.write("Good morning!") }<br /><br />else { document.write("Good day!") }<br /><br /></script><br />If...else if...else Statement<br /><br />You should use the if....else if...else statement if you want to select one of many sets of lines to execute.<br /><br />Syntax<br /><br />if ( condition1 )<br /><br />{ code to be executed if condition1 is true }<br /><br />else if ( condition2 )<br /><br />{ code to be executed if condition2 is true }<br /><br />else<br /><br />{ code to be executed if condition1 and condition2 are not true }<br /><br />Example<br /><br /><script type="text/javascript"><br /><br />var d = new Date()<br /><br />var time = d.getHours()<br /><br />if (time<10)<br /><br />{ document.write("<b>Good morning</b>") }<br /><br />else if (time>10 && time<16)<br /><br />{ document.write("<b>Good day</b>") }<br /><br />else { document.write("<b>Hello World!</b>") }<br /><br /></script>
<div style='clear: both;'></div>
</div>
<div class='post-footer'>
<div class='post-footer-line post-footer-line-1'><span class='post-author vcard'>
Posted by
<span class='fn'>NityamBhadritho</span>
</span>
<span class='post-timestamp'>
at
<a class='timestamp-link' href='http://nityambhadritho.blogspot.com/2009/02/javascript-if.html' rel='bookmark' title='permanent link'><abbr class='published' title='2009-02-03T05:27:00-08:00'>5:27 AM</abbr></a>
</span>
<span class='post-comment-link'>
<a class='comment-link' href='https://www.blogger.com/comment/fullpage/post/5140513776951626374/1983006702482696728' onclick='javascript:window.open(this.href, "bloggerPopup", "toolbar=0,location=0,statusbar=1,menubar=0,scrollbars=yes,width=640,height=500"); return false;'>0
comments</a>
</span>
<span class='post-icons'>
<span class='item-action'>
<a href='https://www.blogger.com/email-post/5140513776951626374/1983006702482696728' title='Email Post'>
<img alt='' class='icon-action' src='http://www.blogger.com/img/icon18_email.gif'/>
</a>
</span>
<span class='item-control blog-admin pid-2137267216'>
<a href='https://www.blogger.com/post-edit.g?blogID=5140513776951626374&postID=1983006702482696728&from=pencil' title='Edit Post'>
<img alt='' class='icon-action' height='18' src='https://resources.blogblog.com/img/icon18_edit_allbkg.gif' width='18'/>
</a>
</span>
</span>
</div>
<div class='post-footer-line post-footer-line-2'><span class='post-labels'>
Labels:
<a href='http://nityambhadritho.blogspot.com/search/label/Javascript' rel='tag'>Javascript</a>
</span>
</div>
<div class='post-footer-line post-footer-line-3'></div>
</div>
</div>
</div>
<div class='post-outer'>
<div class='post hentry'>
<a name='8054794099972798553'></a>
<h3 class='post-title entry-title'>
<a href='http://nityambhadritho.blogspot.com/2009/02/javascript-event.html'>Javascript Event</a>
</h3>
<div class='post-header-line-1'></div>
<div class='post-body entry-content'>
Javascript Events<br /><br />The absolute coolest thing about Javascript is the ability to create dynamic web pages that increase user interaction, making the visitor feel like the website is almost coming alive right before their eyes.<br /><br />Every element on a web page has certain events which can trigger JavaScript functions. For example, we can use the onClick event of a button element to indicate that a function will run when a user clicks on the button. We define the events in the HTML tags.<br /><br />A few example of events:<br /><br />    * A mouse click<br />    * The web page loading<br />    * Mousing over a hot spot on the web page, also known as hovering<br />    * Selecting an input box in an HTML form<br />    * A keystroke<br /><br />Javascript has predefined names that cover numerous events that can occur, including the ones listed above. To capture an event and make something happen when that event occurs you must specify the event, the HTML element that will be waiting for the event, and the function(s) that will be run when the event occurs.<br />Event Handlers<br /><br />New to HTML 4.0 was the ability to let HTML events trigger actions in the browser, like starting a JavaScript when a user clicks on an HTML element. Below is a list of the attributes that can be inserted into HTML tags to define event actions.<br /><br />FF : Firefox, N : Netscape, IE : Internet Explorer<br /><br />Attribute<br /> <br /><br />The event occurs when...<br /> <br /><br />FF<br /> <br /><br />N<br /> <br /><br />IE<br /><br />onabort<br /> <br /><br />Loading of an image is interrupted<br /> <br /><br />1<br /> <br /><br />3<br /> <br /><br />4<br /><br />onblur<br /> <br /><br />An element loses focus<br /> <br /><br />1<br /> <br /><br />2<br /> <br /><br />3<br /><br />onchange<br /> <br /><br />The content of a field changes<br /> <br /><br />1<br /> <br /><br />2<br /> <br /><br />3<br /><br />onclick<br /> <br /><br />Mouse clicks an object<br /> <br /><br />1<br /> <br /><br />2<br /> <br /><br />3<br /><br />ondblclick<br /> <br /><br />Mouse double-clicks an object<br /> <br /><br />1<br /> <br /><br />4<br /> <br /><br />4<br /><br />onerror<br /> <br /><br />An error occurs when loading a document or an image<br /> <br /><br />1<br /> <br /><br />3<br /> <br /><br />4<br /><br />onfocus<br /> <br /><br />An element gets focus<br /> <br /><br />1<br /> <br /><br />2<br /> <br /><br />3<br /><br />onkeydown<br /> <br /><br />A keyboard key is pressed<br /> <br /><br />1<br /> <br /><br />4<br /> <br /><br />3<br /><br />onkeypress<br /> <br /><br />A keyboard key is pressed or held down<br /> <br /><br />1<br /> <br /><br />4<br /> <br /><br />3<br /><br />onkeyup<br /> <br /><br />A keyboard key is released<br /> <br /><br />1<br /> <br /><br />4<br /> <br /><br />3<br /><br />onload<br /> <br /><br />A page or an image is finished loading<br /> <br /><br />1<br /> <br /><br />2<br /> <br /><br />3<br /><br />onmousedown<br /> <br /><br />A mouse button is pressed<br /> <br /><br />1<br /> <br /><br />4<br /> <br /><br />4<br /><br />onmousemove<br /> <br /><br />The mouse is moved<br /> <br /><br />1<br /> <br /><br />6<br /> <br /><br />3<br /><br />onmouseout<br /> <br /><br />The mouse is moved off an element<br /> <br /><br />1<br /> <br /><br />4<br /> <br /><br />4<br /><br />onmouseover<br /> <br /><br />The mouse is moved over an element<br /> <br /><br />1<br /> <br /><br />2<br /> <br /><br />3<br /><br />onmouseup<br /> <br /><br />A mouse button is released<br /> <br /><br />1<br /> <br /><br />4<br /> <br /><br />4<br /><br />onreset<br /> <br /><br />The reset button is clicked<br /> <br /><br />1<br /> <br /><br />3<br /> <br /><br />4<br /><br />onresize<br /> <br /><br />A window or frame is resized<br /> <br /><br />1<br /> <br /><br />4<br /> <br /><br />4<br /><br />onselect<br /> <br /><br />Text is selected<br /> <br /><br />1<br /> <br /><br />2<br /> <br /><br />3<br /><br />onsubmit<br /> <br /><br />The submit button is clicked<br /> <br /><br />1<br /> <br /><br />2<br /> <br /><br />3<br /><br />onunload<br /> <br /><br />The user exits the page<br /> <br /><br />1<br /> <br /><br />2<br /> <br /><br />3
<div style='clear: both;'></div>
</div>
<div class='post-footer'>
<div class='post-footer-line post-footer-line-1'><span class='post-author vcard'>
Posted by
<span class='fn'>NityamBhadritho</span>
</span>
<span class='post-timestamp'>
at
<a class='timestamp-link' href='http://nityambhadritho.blogspot.com/2009/02/javascript-event.html' rel='bookmark' title='permanent link'><abbr class='published' title='2009-02-03T05:26:00-08:00'>5:26 AM</abbr></a>
</span>
<span class='post-comment-link'>
<a class='comment-link' href='https://www.blogger.com/comment/fullpage/post/5140513776951626374/8054794099972798553' onclick='javascript:window.open(this.href, "bloggerPopup", "toolbar=0,location=0,statusbar=1,menubar=0,scrollbars=yes,width=640,height=500"); return false;'>0
comments</a>
</span>
<span class='post-icons'>
<span class='item-action'>
<a href='https://www.blogger.com/email-post/5140513776951626374/8054794099972798553' title='Email Post'>
<img alt='' class='icon-action' src='http://www.blogger.com/img/icon18_email.gif'/>
</a>
</span>
<span class='item-control blog-admin pid-2137267216'>
<a href='https://www.blogger.com/post-edit.g?blogID=5140513776951626374&postID=8054794099972798553&from=pencil' title='Edit Post'>
<img alt='' class='icon-action' height='18' src='https://resources.blogblog.com/img/icon18_edit_allbkg.gif' width='18'/>
</a>
</span>
</span>
</div>
<div class='post-footer-line post-footer-line-2'><span class='post-labels'>
Labels:
<a href='http://nityambhadritho.blogspot.com/search/label/Javascript' rel='tag'>Javascript</a>
</span>
</div>
<div class='post-footer-line post-footer-line-3'></div>
</div>
</div>
</div>
<div class='post-outer'>
<div class='post hentry'>
<a name='7765800995009543491'></a>
<h3 class='post-title entry-title'>
<a href='http://nityambhadritho.blogspot.com/2009/02/javascript-function.html'>Javascript Function</a>
</h3>
<div class='post-header-line-1'></div>
<div class='post-body entry-content'>
What's a Javascript Function?<br /><br />A function is a piece of code that sits dormant until it is referenced or called upon to do its "function". In addition to controllable execution,Javascript functions are also a great time saver for doing repeatable tasks.<br /><br />Instead of having to type out the code every time you want something done, you can simply call the Javascript function multiple times to get the same effect. This benefit is also known as "code reusability".<br /><br />How to Define a Javascript Function<br /><br />The syntax for creating a function is:<br /><br />function functionname(var1,var2,...,varX)<br /><br />{<br /><br />some code<br /><br />}<br /><br />var1, var2, etc are variables or values passed into the Javascript function. The { and the } defines the start and end of the Javascript function.<br /><br />Note: A Javascript function with no parameters must include the parentheses () after the function name:<br /><br />function functionname()<br /><br />{<br /><br />some code<br /><br />}<br /><br />Note: Do not forget about the importance of capitals in JavaScript! The word function must be written in lowercase letters, otherwise a JavaScript error occurs! Also note that you must call a function with the exact same capitals as in the function name.<br /><br />--------------------------------------------------------------------------------<br /><br />The return Statement<br /><br />The return statement is used to specify the value that is returned from the function.<br /><br />So, functions that are going to return a value must use the return statement.<br /><br />Example<br /><br />The Javascript function below should return the product of two numbers (a and b):<br /><br />function prod(a,b)<br /><br />{<br /><br />x=a*b<br /><br />return x<br /><br />}<br /><br />When you call the function above, you must pass along two parameters:<br /><br />product=prod(2,3)<br /><br />The returned value from the prod() function is 6, and it will be stored in the variable called product.
<div style='clear: both;'></div>
</div>
<div class='post-footer'>
<div class='post-footer-line post-footer-line-1'><span class='post-author vcard'>
Posted by
<span class='fn'>NityamBhadritho</span>
</span>
<span class='post-timestamp'>
at
<a class='timestamp-link' href='http://nityambhadritho.blogspot.com/2009/02/javascript-function.html' rel='bookmark' title='permanent link'><abbr class='published' title='2009-02-03T05:26:00-08:00'>5:26 AM</abbr></a>
</span>
<span class='post-comment-link'>
<a class='comment-link' href='https://www.blogger.com/comment/fullpage/post/5140513776951626374/7765800995009543491' onclick='javascript:window.open(this.href, "bloggerPopup", "toolbar=0,location=0,statusbar=1,menubar=0,scrollbars=yes,width=640,height=500"); return false;'>0
comments</a>
</span>
<span class='post-icons'>
<span class='item-action'>
<a href='https://www.blogger.com/email-post/5140513776951626374/7765800995009543491' title='Email Post'>
<img alt='' class='icon-action' src='http://www.blogger.com/img/icon18_email.gif'/>
</a>
</span>
<span class='item-control blog-admin pid-2137267216'>
<a href='https://www.blogger.com/post-edit.g?blogID=5140513776951626374&postID=7765800995009543491&from=pencil' title='Edit Post'>
<img alt='' class='icon-action' height='18' src='https://resources.blogblog.com/img/icon18_edit_allbkg.gif' width='18'/>
</a>
</span>
</span>
</div>
<div class='post-footer-line post-footer-line-2'><span class='post-labels'>
Labels:
<a href='http://nityambhadritho.blogspot.com/search/label/Javascript' rel='tag'>Javascript</a>
</span>
</div>
<div class='post-footer-line post-footer-line-3'></div>
</div>
</div>
</div>
<div class='post-outer'>
<div class='post hentry'>
<a name='1045224652827849985'></a>
<h3 class='post-title entry-title'>
<a href='http://nityambhadritho.blogspot.com/2009/02/javascript-variable.html'>Javascript Variable</a>
</h3>
<div class='post-header-line-1'></div>
<div class='post-body entry-content'>
	
<br />Variables in Javascript behave the same as variables in most popular programming languages (C, C++, etc) except that you don't have to declare variables before you use them.
<br />
<br />Javascript Using Variables
<br />
<br />A variable's purpose is to store information so that it can be used later. A variable is a symbolic name that represents some data that you set. To think of a variable name in real world terms, picture that the name is a grocery bag and the data it represents are the groceries. The name wraps up the data so you can move it around a lot easier, but the name is not the data!
<br />
<br />A Javascript variable is a "container" for information you want to store. A variable's value can change during the script. You can refer to a variable by name to see its value or to change its value.
<br />
<br />Rules for variable names:
<br />
<br />Variable names are case sensitive
<br />
<br />They must begin with a letter or the underscore character
<br />
<br />JavaScript is case-sensitive! A variable named strname is not the same as a variable named STRNAME!
<br />
<br />Lifetime of Variables
<br />
<br />When you declare a variable within a function, the variable can only be accessed within that function. When you exit the function, the variable is destroyed. These variables are called local variables. You can have local variables with the same name in different functions, because each is recognized only by the function in which it is declared.
<br />
<br />If you declare a variable outside a function, all the functions on your page can access it. The lifetime of these variables starts when they are declared, and ends when the page is closed.
<br />
<br />A Variable Example
<br />
<br />When using a variable for the first time it is not necessary to use "var" before the variable name, but it is a good programming practice to make it crystal clear when a variable is being used for the first time in the program. Here we are showing how the same variable can take on different values throughout a script.
<br />
<br />HTML & Javascript Code:
<br />
<br /><body>
<br />
<br /><script type="text/javascript">
<br />
<br />
<br />
<br /></script>
<br />
<br /></body>
<br />
<br />Display:
<br />
<br />Hello World!
<br />
<br />I am learning javascript!
<br />
<br />Script is Finishing up...
<br />
<br />We made two variables in this example. One to hold the HTML for a line break and the other was a dynamic variable that had a total of three different values throughout the script.
<br />
<br />To assign a value to a variable you use the equal sign (=) with the variable on the left and the value to be assigned on the right. If you swap the order then your script will not work correctly! In english the Javascript "myVar = 'Hello World!'" would be: myVar equals 'Hello World!'. 
<div style='clear: both;'></div>
</div>
<div class='post-footer'>
<div class='post-footer-line post-footer-line-1'><span class='post-author vcard'>
Posted by
<span class='fn'>NityamBhadritho</span>
</span>
<span class='post-timestamp'>
at
<a class='timestamp-link' href='http://nityambhadritho.blogspot.com/2009/02/javascript-variable.html' rel='bookmark' title='permanent link'><abbr class='published' title='2009-02-03T02:34:00-08:00'>2:34 AM</abbr></a>
</span>
<span class='post-comment-link'>
<a class='comment-link' href='https://www.blogger.com/comment/fullpage/post/5140513776951626374/1045224652827849985' onclick='javascript:window.open(this.href, "bloggerPopup", "toolbar=0,location=0,statusbar=1,menubar=0,scrollbars=yes,width=640,height=500"); return false;'>0
comments</a>
</span>
<span class='post-icons'>
<span class='item-action'>
<a href='https://www.blogger.com/email-post/5140513776951626374/1045224652827849985' title='Email Post'>
<img alt='' class='icon-action' src='http://www.blogger.com/img/icon18_email.gif'/>
</a>
</span>
<span class='item-control blog-admin pid-2137267216'>
<a href='https://www.blogger.com/post-edit.g?blogID=5140513776951626374&postID=1045224652827849985&from=pencil' title='Edit Post'>
<img alt='' class='icon-action' height='18' src='https://resources.blogblog.com/img/icon18_edit_allbkg.gif' width='18'/>
</a>
</span>
</span>
</div>
<div class='post-footer-line post-footer-line-2'><span class='post-labels'>
Labels:
<a href='http://nityambhadritho.blogspot.com/search/label/Javascript' rel='tag'>Javascript</a>
</span>
</div>
<div class='post-footer-line post-footer-line-3'></div>
</div>
</div>
</div>
<div class='post-outer'>
<div class='post hentry'>
<a name='2429617075507068531'></a>
<h3 class='post-title entry-title'>
<a href='http://nityambhadritho.blogspot.com/2009/02/what-is-javascript.html'>what is Javascript?</a>
</h3>
<div class='post-header-line-1'></div>
<div class='post-body entry-content'>
JavaScript is used in millions of Web pages to improve the design, validate forms, detect browsers, create cookies, and much more. JavaScript is the scripting language of the Web!<br /><br />JavaScript is the most popular scripting language on the internet.<br /><br />JavaScript was created in 1995 by Brendan Eich, an engineer at Netscape, and first released with Netscape 2 early in 1996. It's was originally going to be called LiveScript, but was renamed in an ill-fated marketing decision to capitalise on the popularity of Sun Microsystem's Java language - despite the two having very little in common. This has been a source of confusion ever since.<br /><br />Microsoft released a mostly-compatible version of the language called JScript with IE 3 several months later. Netscape submitted the language to Ecma International, a European standards organisation, which resulted in the first edition of the Ecmascript standard in 1997. The standard received a significant update as Ecmascript edition 3 in 1999, and has stayed pretty much stable ever since - although edition 4 is currently in the works.<br /><br />Unlike most programming languages, the JavaScript language has no concept of input or output. It is designed to run as a scripting language in a host environment, and it is up to the host environment to provide mechanisms for communicating with the outside world. The most common host environment is the browser, but JavaScript interpreters can also be found in Adobe Acrobat, Photoshop, Yahoo!'s Widget engine and more.
<div style='clear: both;'></div>
</div>
<div class='post-footer'>
<div class='post-footer-line post-footer-line-1'><span class='post-author vcard'>
Posted by
<span class='fn'>NityamBhadritho</span>
</span>
<span class='post-timestamp'>
at
<a class='timestamp-link' href='http://nityambhadritho.blogspot.com/2009/02/what-is-javascript.html' rel='bookmark' title='permanent link'><abbr class='published' title='2009-02-03T02:32:00-08:00'>2:32 AM</abbr></a>
</span>
<span class='post-comment-link'>
<a class='comment-link' href='https://www.blogger.com/comment/fullpage/post/5140513776951626374/2429617075507068531' onclick='javascript:window.open(this.href, "bloggerPopup", "toolbar=0,location=0,statusbar=1,menubar=0,scrollbars=yes,width=640,height=500"); return false;'>0
comments</a>
</span>
<span class='post-icons'>
<span class='item-action'>
<a href='https://www.blogger.com/email-post/5140513776951626374/2429617075507068531' title='Email Post'>
<img alt='' class='icon-action' src='http://www.blogger.com/img/icon18_email.gif'/>
</a>
</span>
<span class='item-control blog-admin pid-2137267216'>
<a href='https://www.blogger.com/post-edit.g?blogID=5140513776951626374&postID=2429617075507068531&from=pencil' title='Edit Post'>
<img alt='' class='icon-action' height='18' src='https://resources.blogblog.com/img/icon18_edit_allbkg.gif' width='18'/>
</a>
</span>
</span>
</div>
<div class='post-footer-line post-footer-line-2'><span class='post-labels'>
Labels:
<a href='http://nityambhadritho.blogspot.com/search/label/Javascript' rel='tag'>Javascript</a>
</span>
</div>
<div class='post-footer-line post-footer-line-3'></div>
</div>
</div>
</div>

</div></div>
      
</div>
<div class='blog-pager' id='blog-pager'>
<span id='blog-pager-newer-link'>
<a class='blog-pager-newer-link' href='http://nityambhadritho.blogspot.com/search?updated-max=2009-05-23T07:03:00-07:00&max-results=1&reverse-paginate=true' id='Blog1_blog-pager-newer-link' title='Newer Posts'>Newer Posts</a>
</span>
<span id='blog-pager-older-link'>
<a class='blog-pager-older-link' href='http://nityambhadritho.blogspot.com/search?updated-max=2009-02-03T02:32:00-08:00&max-results=1' id='Blog1_blog-pager-older-link' title='Older Posts'>Older Posts</a>
</span>
<a class='home-link' href='http://nityambhadritho.blogspot.com/'>Home</a>
</div>
<div class='clear'></div>
<div class='blog-feeds'>
<div class='feed-links'>
Subscribe to:
<a class='feed-link' href='http://nityambhadritho.blogspot.com/feeds/posts/default' target='_blank' type='application/atom+xml'>Posts (Atom)</a>
</div>
</div>
</div></div>
</div></div>
<div id='sidebar-wrap'>
<div id='sidebartop-wrap'><div id='sidebartop-wrap2'>
<div class='sidebar section' id='sidebartop'><div class='widget Profile' data-version='1' id='Profile1'>
<h2>About Me</h2>
<div class='widget-content'>
<a href='https://www.blogger.com/profile/01048788655253954563'><img alt='My photo' class='profile-img' height='60' src='//blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh5vTyTzPlX3RWWTA4iIuf862U4x_-feYe0R0dmFAH8ohbtstv0KviRQTIDEbYb4MwLEfN8RpMpxeU_Ks2xR2UoaPai9vZdymr9_Aqyqsv4Y0-QymGoI3qAGTZa2esw9Q/s220/Nityam.JPG' width='80'/></a>
<dl class='profile-datablock'>
<dt class='profile-data'>
<a class='profile-name-link g-profile' href='https://www.blogger.com/profile/01048788655253954563' rel='author' style='background-image: url(//www.blogger.com/img/logo-16.png);'>
NityamBhadritho
</a>
</dt>
<dd class='profile-textblock'>I hail from Hyderabad and hold a Bachelors degree in Electronics Communication. I am into IT for almost 3 years now. Presently, I model the role of a Software Programmer with BlueMango Solutions Pvt. Ltd., My favorite hobbies include playing chess, carom and Watching movies and Surfing.</dd>
</dl>
<a class='profile-link' href='https://www.blogger.com/profile/01048788655253954563' rel='author'>View my complete profile</a>
<div class='clear'></div>
</div>
</div><div class='widget Label' data-version='1' id='Label1'>
<h2>Labels</h2>
<div class='widget-content list-label-widget-content'>
<ul>
<li>
<a dir='ltr' href='http://nityambhadritho.blogspot.com/search/label/Asp.net'>Asp.net</a>
<span dir='ltr'>(13)</span>
</li>
<li>
<a dir='ltr' href='http://nityambhadritho.blogspot.com/search/label/Browser'>Browser</a>
<span dir='ltr'>(2)</span>
</li>
<li>
<a dir='ltr' href='http://nityambhadritho.blogspot.com/search/label/C%23.net'>C#.net</a>
<span dir='ltr'>(1)</span>
</li>
<li>
<a dir='ltr' href='http://nityambhadritho.blogspot.com/search/label/Dotnet%20Errors'>Dotnet Errors</a>
<span dir='ltr'>(1)</span>
</li>
<li>
<a dir='ltr' href='http://nityambhadritho.blogspot.com/search/label/Javascript'>Javascript</a>
<span dir='ltr'>(29)</span>
</li>
<li>
<a dir='ltr' href='http://nityambhadritho.blogspot.com/search/label/SQL%20Server'>SQL Server</a>
<span dir='ltr'>(6)</span>
</li>
<li>
<a dir='ltr' href='http://nityambhadritho.blogspot.com/search/label/webservice'>webservice</a>
<span dir='ltr'>(1)</span>
</li>
</ul>
<div class='clear'></div>
</div>
</div></div>
</div></div>
<div id='sidebarbottom-wrap1'><div id='sidebarbottom-wrap2'>
<div class='sidebar section' id='sidebar'><div class='widget BlogArchive' data-version='1' id='BlogArchive1'>
<h2>Blog Archive</h2>
<div class='widget-content'>
<div id='ArchiveList'>
<div id='BlogArchive1_ArchiveList'>
<ul class='hierarchy'>
<li class='archivedate collapsed'>
<a class='toggle' href='javascript:void(0)'>
<span class='zippy'>

► 
      
</span>
</a>
<a class='post-count-link' href='http://nityambhadritho.blogspot.com/2008/'>
2008
</a>
<span class='post-count' dir='ltr'>(7)</span>
<ul class='hierarchy'>
<li class='archivedate collapsed'>
<a class='toggle' href='javascript:void(0)'>
<span class='zippy'>

► 
      
</span>
</a>
<a class='post-count-link' href='http://nityambhadritho.blogspot.com/2008/08/'>
August
</a>
<span class='post-count' dir='ltr'>(6)</span>
<ul class='hierarchy'>
<li class='archivedate collapsed'>
<a class='toggle' href='javascript:void(0)'>
<span class='zippy'>

► 
      
</span>
</a>
<a class='post-count-link' href='http://nityambhadritho.blogspot.com/2008_08_14_archive.html'>
14
</a>
<span class='post-count' dir='ltr'>(6)</span>
</li>
</ul>
</li>
</ul>
<ul class='hierarchy'>
<li class='archivedate collapsed'>
<a class='toggle' href='javascript:void(0)'>
<span class='zippy'>

► 
      
</span>
</a>
<a class='post-count-link' href='http://nityambhadritho.blogspot.com/2008/11/'>
November
</a>
<span class='post-count' dir='ltr'>(1)</span>
<ul class='hierarchy'>
<li class='archivedate collapsed'>
<a class='toggle' href='javascript:void(0)'>
<span class='zippy'>

► 
      
</span>
</a>
<a class='post-count-link' href='http://nityambhadritho.blogspot.com/2008_11_19_archive.html'>
19
</a>
<span class='post-count' dir='ltr'>(1)</span>
</li>
</ul>
</li>
</ul>
</li>
</ul>
<ul class='hierarchy'>
<li class='archivedate expanded'>
<a class='toggle' href='javascript:void(0)'>
<span class='zippy toggle-open'>

▼ 
      
</span>
</a>
<a class='post-count-link' href='http://nityambhadritho.blogspot.com/2009/'>
2009
</a>
<span class='post-count' dir='ltr'>(48)</span>
<ul class='hierarchy'>
<li class='archivedate collapsed'>
<a class='toggle' href='javascript:void(0)'>
<span class='zippy'>

► 
      
</span>
</a>
<a class='post-count-link' href='http://nityambhadritho.blogspot.com/2009/01/'>
January
</a>
<span class='post-count' dir='ltr'>(19)</span>
<ul class='hierarchy'>
<li class='archivedate collapsed'>
<a class='toggle' href='javascript:void(0)'>
<span class='zippy'>

► 
      
</span>
</a>
<a class='post-count-link' href='http://nityambhadritho.blogspot.com/2009_01_02_archive.html'>
02
</a>
<span class='post-count' dir='ltr'>(9)</span>
</li>
</ul>
<ul class='hierarchy'>
<li class='archivedate collapsed'>
<a class='toggle' href='javascript:void(0)'>
<span class='zippy'>

► 
      
</span>
</a>
<a class='post-count-link' href='http://nityambhadritho.blogspot.com/2009_01_03_archive.html'>
03
</a>
<span class='post-count' dir='ltr'>(6)</span>
</li>
</ul>
<ul class='hierarchy'>
<li class='archivedate collapsed'>
<a class='toggle' href='javascript:void(0)'>
<span class='zippy'>

► 
      
</span>
</a>
<a class='post-count-link' href='http://nityambhadritho.blogspot.com/2009_01_16_archive.html'>
16
</a>
<span class='post-count' dir='ltr'>(3)</span>
</li>
</ul>
<ul class='hierarchy'>
<li class='archivedate collapsed'>
<a class='toggle' href='javascript:void(0)'>
<span class='zippy'>

► 
      
</span>
</a>
<a class='post-count-link' href='http://nityambhadritho.blogspot.com/2009_01_29_archive.html'>
29
</a>
<span class='post-count' dir='ltr'>(1)</span>
</li>
</ul>
</li>
</ul>
<ul class='hierarchy'>
<li class='archivedate expanded'>
<a class='toggle' href='javascript:void(0)'>
<span class='zippy toggle-open'>

▼ 
      
</span>
</a>
<a class='post-count-link' href='http://nityambhadritho.blogspot.com/2009/02/'>
February
</a>
<span class='post-count' dir='ltr'>(26)</span>
<ul class='hierarchy'>
<li class='archivedate expanded'>
<a class='toggle' href='javascript:void(0)'>
<span class='zippy toggle-open'>

▼ 
      
</span>
</a>
<a class='post-count-link' href='http://nityambhadritho.blogspot.com/2009_02_03_archive.html'>
03
</a>
<span class='post-count' dir='ltr'>(26)</span>
<ul class='posts'>
<li><a href='http://nityambhadritho.blogspot.com/2009/02/what-is-javascript.html'>what is Javascript?</a></li>
<li><a href='http://nityambhadritho.blogspot.com/2009/02/javascript-variable.html'>Javascript Variable</a></li>
<li><a href='http://nityambhadritho.blogspot.com/2009/02/javascript-function.html'>Javascript Function</a></li>
<li><a href='http://nityambhadritho.blogspot.com/2009/02/javascript-event.html'>Javascript Event</a></li>
<li><a href='http://nityambhadritho.blogspot.com/2009/02/javascript-if.html'>Javascript if</a></li>
<li><a href='http://nityambhadritho.blogspot.com/2009/02/javascript-for.html'>Javascript for</a></li>
<li><a href='http://nityambhadritho.blogspot.com/2009/02/javascript-object.html'>Javascript object</a></li>
<li><a href='http://nityambhadritho.blogspot.com/2009/02/javascript-string.html'>Javascript String</a></li>
<li><a href='http://nityambhadritho.blogspot.com/2009/02/javascript-date.html'>Javascript date</a></li>
<li><a href='http://nityambhadritho.blogspot.com/2009/02/javascript-array.html'>Javascript Array</a></li>
<li><a href='http://nityambhadritho.blogspot.com/2009/02/javascript-math.html'>Javascript Math</a></li>
<li><a href='http://nityambhadritho.blogspot.com/2009/02/javascript-onclick.html'>Javascript Onclick</a></li>
<li><a href='http://nityambhadritho.blogspot.com/2009/02/javascript-onload.html'>Javascript Onload</a></li>
<li><a href='http://nityambhadritho.blogspot.com/2009/02/javascript-frame.html'>Javascript Frame</a></li>
<li><a href='http://nityambhadritho.blogspot.com/2009/02/javascript-image.html'>Javascript Image</a></li>
<li><a href='http://nityambhadritho.blogspot.com/2009/02/javascript-style.html'>Javascript style</a></li>
<li><a href='http://nityambhadritho.blogspot.com/2009/02/javascript-textarea.html'>Javascript Textarea</a></li>
<li><a href='http://nityambhadritho.blogspot.com/2009/02/javascript-table.html'>Javascript Table</a></li>
<li><a href='http://nityambhadritho.blogspot.com/2009/02/javascript-window.html'>Javascript Window</a></li>
<li><a href='http://nityambhadritho.blogspot.com/2009/02/javascript-location.html'>Javascript Location</a></li>
<li><a href='http://nityambhadritho.blogspot.com/2009/02/javascript-form.html'>Javascript Form</a></li>
<li><a href='http://nityambhadritho.blogspot.com/2009/02/javascript-checkbox.html'>Javascript checkbox</a></li>
<li><a href='http://nityambhadritho.blogspot.com/2009/02/javascript-input.html'>Javascript Input</a></li>
<li><a href='http://nityambhadritho.blogspot.com/2009/02/javascript-radio.html'>Javascript Radio</a></li>
<li><a href='http://nityambhadritho.blogspot.com/2009/02/javascript-select.html'>Javascript select</a></li>
<li><a href='http://nityambhadritho.blogspot.com/2009/02/javascript-submit.html'>Javascript submit</a></li>
</ul>
</li>
</ul>
</li>
</ul>
<ul class='hierarchy'>
<li class='archivedate collapsed'>
<a class='toggle' href='javascript:void(0)'>
<span class='zippy'>

► 
      
</span>
</a>
<a class='post-count-link' href='http://nityambhadritho.blogspot.com/2009/05/'>
May
</a>
<span class='post-count' dir='ltr'>(2)</span>
<ul class='hierarchy'>
<li class='archivedate collapsed'>
<a class='toggle' href='javascript:void(0)'>
<span class='zippy'>

► 
      
</span>
</a>
<a class='post-count-link' href='http://nityambhadritho.blogspot.com/2009_05_22_archive.html'>
22
</a>
<span class='post-count' dir='ltr'>(1)</span>
</li>
</ul>
<ul class='hierarchy'>
<li class='archivedate collapsed'>
<a class='toggle' href='javascript:void(0)'>
<span class='zippy'>

► 
      
</span>
</a>
<a class='post-count-link' href='http://nityambhadritho.blogspot.com/2009_05_23_archive.html'>
23
</a>
<span class='post-count' dir='ltr'>(1)</span>
</li>
</ul>
</li>
</ul>
<ul class='hierarchy'>
<li class='archivedate collapsed'>
<a class='toggle' href='javascript:void(0)'>
<span class='zippy'>

► 
      
</span>
</a>
<a class='post-count-link' href='http://nityambhadritho.blogspot.com/2009/06/'>
June
</a>
<span class='post-count' dir='ltr'>(1)</span>
<ul class='hierarchy'>
<li class='archivedate collapsed'>
<a class='toggle' href='javascript:void(0)'>
<span class='zippy'>

► 
      
</span>
</a>
<a class='post-count-link' href='http://nityambhadritho.blogspot.com/2009_06_05_archive.html'>
05
</a>
<span class='post-count' dir='ltr'>(1)</span>
</li>
</ul>
</li>
</ul>
</li>
</ul>
</div>
</div>
<div class='clear'></div>
</div>
</div></div>
</div></div>
</div>
<div id='footer-wrap1'><div id='footer-wrap2'>
<div class='footer no-items section' id='footer'></div>
</div></div>
</div>

Tuesday, February 3, 2009