JavaScript Tutorials, Tips & Tricks

Google Maps API have been in tech world since quite a long period. Recently I had a chance to try my hands on Google Maps API. If you like JavaScript believe me you will gonna love Google Maps API. Thousand of APIs are available to paint a lot of things on Google Map. You can describe ...

Web 2.0 applications have became pervasive today. Lots of new features using AJAX, JavaScript, DHTML etc have been incorporated in web applications to make them rich in user appeal. One of the framework that has changed the way we write client side code is jQuery.Let us see a simple trick to FadeIn and FadeOut a text ...

Adding Elements like textbox, button, radio button etc in a html form using JavaScript is very simple. JavaScript's document object has a method called createElement() which can be used to create html elements dynamically.We had used this function in our tutorial: Dynamic combobox-listbox-drop-down using javascript to add dynamic options to ...

While creating the jQuery plugin for DIV TEXT BOX: Create orkut style status update box, I had a requirement where in I had to call a JavaScript function whose name is specified as a string in some tag. For example, user is giving name of function in a text box and you have to call that function.Calling simple JavaScript function is easy, just ...

Performance tuning of any website involves lots of things to be taken care of. For example, compressing the output / response of the website increase the performance by significant folds. GZIp and Deflate compression techniques are commonly used in servers like Apache, Tomcat, jBoss etc.Also the size of a webpage plays significant role in load time and their by affecting websites performance. Thus if we ...

Maxlength of Textarea Setting up maxlength of input text are easy. Just an attribute maxlength="##" does the work. But maxlength attribute does not work with textarea. I tried writing <textarea rows="5" cols="30" maxlength="120"></textarea> but this does not works.So what to do if we want to fix the maxlength of a textarea?Use following jQuery plugin for setting maxlength of any textarea on your page.First thing for ...

Nowadays, Web 2.0 has became a buzz word on internet. Lot of websites that you browser have that "rich" user interface with jazzy fonts and logos and ajax/javascript effects. AJAX has really changed the way we surf on internet. You see any cool web application like GMail or Google Reader, they look much like a ...

A lot of times we have requirement to do some stuff like invalidating session whenever user clicks browser close button thereby invoking close event in browser.Let us see how to achieve this using JavaScript. In JavaScript we have events such as onbeforeunload and onunload. These events as their name suggest, gets triggered whenever the page gets unload. This happens if user close the browser or ...

Few days back I was working on a requirement where in a webpage one table was getting populated through AJAX. This table was getting refreshed every 5 mins as it was showing some real time data being processed in back end.To my surprise, the data in the table were not being refreshed and the output that I was getting was not the one that I ...

Problem in changing flash (swf) file location in embed or param tag using JavaScript Manipulating the DOM (Document Object Model) using JavaScirpt is known to all. Changing the src attribute of the img (Image tag) tag using JavaScript is very common. But I had a problem in changing the flash (swf) file location in embed or param tag using JavaScript. I had following html code for ...