javascript | naveenOS

jQuery: How to check id is shown or hidden

naveenos — Thu, 14 Apr 2011 06:49:20 +0000

In many cases we do not want make two buttons to show or hide a same div area. for example expand and collspan method. jQuery provides a simple technique to check div id is already shown or hidden. Create a div are on which you want to do operation: Click on me Content will be […]

The post jQuery: How to check id is shown or hidden first appeared on naveenOS.

Javascipt: how to use nl2br function

naveenos — Thu, 03 Mar 2011 07:43:26 +0000

In php we have a function to replace nl2br means new line to break format. but when we need this functionality in our javascript code then what we do? We can do by simply manner: function nl2br(value) { return value.replace(/\n, ""); } Above function will return the converted ‘\n’ to ‘‘. But above function has […]

The post Javascipt: how to use nl2br function first appeared on naveenOS.

Javascript: How to check is valid number or not

naveenos — Thu, 24 Feb 2011 07:00:03 +0000

Numeric validation require in mostly cases when we want that user enter only numeric value in any text field. For example ‘Age’ field. Obviously, age can not be in string format. Above, I have mentioned javascript function to check that entered value is numeric or not. Please enter only numeric value : Tweet This Post

The post Javascript: How to check is valid number or not first appeared on naveenOS.

Translate english to hindi by google api

naveenos — Wed, 08 Dec 2010 10:32:59 +0000

Sometimes we need to develop a website with Hindi font. But main problem is how to insert content in Hindi in admin panel. so here is a solution by this admin can enter content in Hindi font. It will work like: When admin type any word like ‘welcm‘ and then type space it will automatically […]

The post Translate english to hindi by google api first appeared on naveenOS.

WordPress: How to use Ajax at front side without using admin-ajax.php

naveenos — Thu, 26 Aug 2010 09:59:54 +0000

Mostly all wordpress developers write the code to create widgets in admin side. and he use following code: var ajaxurl =''; var data = { action: 'action_function_name' }; // since 2.8 ajaxurl is always defined in the admin header and points to admin-ajax.php jQuery.post(ajaxurl, data, function(response) { alert(response); }); But when he wants to use […]

The post WordPress: How to use Ajax at front side without using admin-ajax.php first appeared on naveenOS.

Add and Remove HTML elements dynamically with Javascript

naveenos — Thu, 19 Aug 2010 10:32:23 +0000

Today I have work in magento and work was save multiple dates in an attribute witout entering multiple values in one field. and need to provide multiple text box ( with date icon to select date )where user can select date and submit the form. On the submit time I have to fill all text […]

The post Add and Remove HTML elements dynamically with Javascript first appeared on naveenOS.

Drag and Drop div area with pure javascript – Step 3

naveenos — Wed, 18 Aug 2010 11:20:17 +0000

My last two posts told to create javascript and html file. This post will tell you last step to drag and drop div are with pure javascript ( without jQuery ). Add below css code to head tags in the index.html file: and create a folder with name images and put your images in this […]

The post Drag and Drop div area with pure javascript – Step 3 first appeared on naveenOS.

Drag and Drop div area with pure javascript – Step 2

naveenos — Wed, 18 Aug 2010 11:15:09 +0000

After reading my previous post Drag and Drop div area with pure javascript – Step 1, you have created javascript file draganddrop.js. Means you can add this javascript file to html page. so create a file index.html file and put below content in the head tag : And put below code inside the body tag: […]

The post Drag and Drop div area with pure javascript – Step 2 first appeared on naveenOS.

Drag and Drop div area with pure javascript – Step 1

naveenos — Wed, 18 Aug 2010 11:06:43 +0000

Today I have to work on drag and drop functionality and I found that on mostly sites it provides using Jquery but I have to develop with pure javascript. so I found best code for it. and this was the solution : First create a file draganddrop.js and put below code in this file: var […]

The post Drag and Drop div area with pure javascript – Step 1 first appeared on naveenOS.

show the div area in middle on screen using jquery

naveenos — Tue, 10 Aug 2010 13:24:23 +0000

If you want to show any div area in the middle on click any link or button then follow these steps: 1. First download and add JQuery js in your file. 2. now create a function If you want to show any div area in the middle on click any link or button then follow […]

The post show the div area in middle on screen using jquery first appeared on naveenOS.