Sliding Down Calender

javascriptFile2 CssFile2 cssFile1 javascriptFile1

This is a calender which will display when we click on the text box.The calender will slide down when the visitor click on the text box…. 😀

All the javascript and CSS files are attached at the top of this post.Just copy and save with the names given in the top of those files.save these files in to the same folder where calender.php file is included.



 

 

 

 

 

 

 

 

 

 

 

 

 

 

The following is the php code….
<html><title>Calender</title>

<head>

<LINK href=”ui.datepicker.css” rel=”stylesheet” type=”text/css”>
<LINK href=”ui.theme.css” rel=”stylesheet” type=”text/css”>
<script src=”jquery-1.3.2.js” type=”text/javascript”></script>
<script src=”ui.datepicker.js” type=”text/javascript”></script>
<script>

function getStartDate(){
$(‘#txtStartDate’).datepicker({showButtonPanel: false});
}

</script>
</head>
<body>
Start Date : <input type=”text” id=”txtStartDate” onFocus=”getStartDate()”>

</body>
</html>

Advertisements
Published in: on November 18, 2009 at 12:12 pm  Leave a Comment  

The URI to TrackBack this entry is: https://nimesha1984.wordpress.com/2009/11/18/143/trackback/

RSS feed for comments on this post.

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

%d bloggers like this: