Sending the value from popup window to parent window using javascript(Tracked)

In javascript, “opener.document” function will do this functionality.
See the example:
First create the file “parentpage.html” Then paste the main page code.
The create the file “popup.html. Then paste the code popup page code.

Main page

Popup Window Popup window Poup up value to assign this textbox:

Popup page

Popup Box function SubmitValue(){ opener.document.parentform.txtBox.value = document.popupform.txtPopupbox.value; self.close(); }

Posted On: 16 Apr, 2011 Continue...
How Jquery Works in Page?(Tracked)

First we can get one small example for this question.
In ordinary javascript code included page given below

How Jquery is working in web pages alert("welcome to demo page"); Welcome to Test Page

In the above example when the page loaded that time the alert message will show in the screen of the browser.

If we use the Jquery instead of ordinary Jquery readyevent will execute before loading the page and images on the web pages in browser.

See the below example

$(document).ready(function(){ alert("welcome to Jquery Demo page.") }); Welcome to

Posted On: 16 Mar, 2011 Continue...
What is readyevent in Jquery?(Tracked)

In Jquery, If we use the ready event after loaded the DOm function then only the function will fire. So that is fair for all events and triggers.

Example

$(document).ready(function() { //We can call any number of function and events and triggers. });

We can use Jquery instead of $ symbol in before document. When we use the another one library(for example dojo) that time we can use Jquery instead of $ Symbol.

Jquery(document).ready(function() { //We can call any number of function and events and triggers. });

Posted On: 16 Mar, 2011 Continue...
Drop down menu in Jquery(Tracked)
Drop down menu in Jquery

Advanced and fancy drop down menu using Jquery, HTML, CSS

Jquery drop down menu


Create menus using ul li Home Tutorials Sub Nav Link Sub Nav Link Resources Sub Nav Link Sub Nav Link About Us Advertise Submit Contact Us

Create CSS for drop down menu

ul.topnav { list-style: none; padding: 0 20px; margin: 0; float: left; width: 920px; background: #222; font-size: 1.2em; background: url(topnav_bg.gif) repeat-x; } ul.topnav li { float: left; margin: 0; padding: 0 15px 0 0; position: relative; /*--Declare X and Y axis base for sub navigation--*/ } ul.topnav li a{

Posted On: 07 Feb, 2011 Continue...
Avoid conflict from Jquery library to another library(Tracked)

$.noConflict(); jQuery(document).ready(function($) { //Use Jquery code }); //Use Other library code.

Posted On: 07 Feb, 2011 Continue...
Flip flop using Jquery plugin(Tracked)

Before, flip flop can do only flash with action script. Now we can do using Jquery plugin.

Below attached the zip file for flip flop jquery plugin. Download it.

Download Jquery flipflop plugin

Jquery flip flop flip flop page flip top flip left flip bottom flip right Lorem ipsum...

Posted On: 07 Feb, 2011 Continue...
Calendar plugin in jquery(Tracked)

Date picker in Jquery

Posted On: 07 Feb, 2011 Continue...
Jquery Tutorial(Tracked)

What is Jquery?

Jquery is one of the javascript library file. We can easy to integrate the website. Jquery is client side scripting language.

How to install the Jquery in web page?

Step 1:
First download the Jquery library file.
See the current release
Download Latest Jquery Version

Step 2:
Put the downloaded file in where you need in your website

For Example :

Example page for Jquery

Step 3:

Posted On: 10 Dec, 2010 Continue...
Jquery ajax(Tracked)

Ajax is nothing but send the request without page refreshing using javascript.
In simple or ordinary Ajax send the request and response using XMLHttpRequest object.
All request send through http.
See the simple ajax example:

function ajaxFunction() { var xmlhttp; if (window.XMLHttpRequest)   {   // code for IE7+, Firefox, Chrome, Opera, Safari   xmlhttp=new XMLHttpRequest();   } else if (window.ActiveXObject)   {   // code for IE6, IE5   xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");   } else   {   alert("Your browser does not support XMLHTTP!");   } xmlhttp.onreadystatechange=function() { if(xmlhttp.readyState==4)   {   document.myForm.time.value=xmlhttp.responseText;   } } xmlhttp.open("GET","time.asp",true);

Posted On: 10 Dec, 2010 Continue...
Jquery combined with other library(Tracked)

Jquery combined with other java script libraries like prototype, mootools that time Jquery coding will be conflict with other libraries.

So that time use this command for non -conflict jquery with other java script libraries.

jQuery.noConflict();

Posted On: 10 Dec, 2010 Continue...

 1 2 >