How to build calander

Ads

 
 

Share on Google+Share on Google+

Basavaraj
How to build calander
7 Answer(s)      9 years ago
Posted in : Date-Calendar
Ads
View Answers

July 23, 2008 at 7:21 PM


hi

<html>
<title>registration form in jsp</title>
<head>

<style>

A:hover {text-decoration: none;



border: 0px;

font-size:14pt;

color: #2d2b2b; }

</style>



<link rel="stylesheet" type="text/css" href="datepicker.css"/>

<script type="text/javascript" src="datepicker.js"></script>


</head>

<body>
<center>

<table border="1" width="650px" bgcolor="bluelight">
<tr>
<td width="100%">
<form method="POST" action="RegistrationAction.jsp" >

<h2 align="center">User Registration form</h2>
<table border="1" width="100%" cellspacing="0" cellpadding="0">

<tr>
<td width="50%"><b>User Name:</b></td>
<td width="50%"><input type="text" name="username" size="20"/> </td>
</tr>
<tr>
<td width="50%"><b>Last Name:</b></td>
<td width="50%"><input type="text" name="lastname" size="20"/> </td>
</tr>
<tr>
<td width="50%"><b>Email:</b></td>
<td width="50%"><input type="text" name="email" size="30"/> </td>
</tr>
<tr>
<td width="50%"><b>Date of Birth:</b></td>
<td width="50%"><input type="text" name="dob" size="20">
<input type=button value="Select Date" onclick="displayDatePicker('dob', this);">
</td>
</tr>
<tr>
<td width="50%"><b>Country :</b></td>
<td width="50%"><input type="text" name="country" size="20"></td>
</tr>
<tr>
<td width="50%"><b>State :</b></td>
<td width="50%"><input type="text" name="state" size="20"></td>
</tr>
</table>
<center><p><input type="submit" value="Submit" name="submit">
<input type="reset" value="Reset" name="reset"></center></p>

</form>
</td>
</tr>
</table>
</center>
</body>
</html>


July 23, 2008 at 7:22 PM


<%@ page language="java" import="java.sql.*" %>

<%
Connection con = null;
String url = "jdbc:mysql://192.168.10.211:3306/";;
String db = "amar";
String driver = "com.mysql.jdbc.Driver";
String userName ="amar";
String password="amar123";
try{
Class.forName(driver);
con = DriverManager.getConnection(url+db,userName,password);
try{
Statement st = con.createStatement();
String id=request.getParameter("userid");
String username=request.getParameter("username");
String lastname=request.getParameter("lastname");
String email=request.getParameter("email");
String dob=request.getParameter("dob");
String country=request.getParameter("country");
String state=request.getParameter("state");

int val = st.executeUpdate("insert Userdetail values(userid,'"+username+"','"+lastname+"','"+email+"','"+dob+"','"+country+"','"+state+"')");

con.close();
out.println("successfully insert data into database!");

}
catch (SQLException ex){
System.out.println("SQL statement is not executed!");
}
}
catch (Exception e){
e.printStackTrace();
}

%>


July 23, 2008 at 7:23 PM


body {

font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;

font-size: .8em;

}



/* the div that holds the date picker calendar */

.dpDiv {

}



/* the table (within the div) that holds the date picker calendar */

.dpTable {

font-family: Tahoma, Arial, Helvetica, sans-serif;

font-size: 12px;

text-align: center;

color: #505050;

background-color: #ece9d8;

border: 1px solid #AAAAAA;

}



/* a table row that holds date numbers (either blank or 1-31) */

.dpTR {

}





/* the top table row that holds the month, year, and forward/backward buttons */

.dpTitleTR {

}





/* the second table row, that holds the names of days of the week (Mo, Tu, We, etc.) */

.dpDayTR {

}





/* the bottom table row, that has the "This Month" and "Close" buttons */

.dpTodayButtonTR {

}





/* a table cell that holds a date number (either blank or 1-31) */

.dpTD {

border: 1px solid #ece9d8;

}





/* a table cell that holds a highlighted day (usually either today's date or the current date field value) */

.dpDayHighlightTD {

background-color: #CCCCCC;

border: 1px solid #AAAAAA;

}





/* the date number table cell that the mouse pointer is currently over (you can use contrasting colors to make it apparent which cell is being hovered over) */

.dpTDHover {

background-color: #aca998;

border: 1px solid #888888;

cursor: pointer;

color: red;

}

/* the table cell that holds the name of the month and the year */

.dpTitleTD {

}





/* a table cell that holds one of the forward/backward buttons */

.dpButtonTD {

}





/* the table cell that holds the "This Month" or "Close" button at the bottom */

.dpTodayButtonTD {

}





/* a table cell that holds the names of days of the week (Mo, Tu, We, etc.) */

.dpDayTD {

background-color: #CCCCCC;

border: 1px solid #AAAAAA;

color: white;

}





/* additional style information for the text that indicates the month and year */

.dpTitleText {

font-size: 12px;

color: gray;

font-weight: bold;

}





/* additional style information for the cell that holds a highlighted day (usually either today's date or the current date field value) */

.dpDayHighlight {

color: 4060ff;

font-weight: bold;

}



/* the forward/backward buttons at the top */

.dpButton {

font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;

font-size: 10px;

color: gray;

background: #d8e8ff;

font-weight: bold;

padding: 0px;

}



/* the "This Month" and "Close" buttons at the bottom */

.dpTodayButton {

font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;

font-size: 10px;

color: gray;

background: #d8e8ff;

font-weight: bold;

}


July 23, 2008 at 7:25 PM


var datePickerDivID = "datepicker";

var iFrameDivID = "datepickeriframe";



var dayArrayShort = new Array('Su', 'Mo', 'Tu', 'We', 'Th', 'Fr', 'Sa');

var dayArrayMed = new Array('Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat');

var dayArrayLong = new Array('Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday');

var monthArrayShort = new Array('Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec');

var monthArrayMed = new Array('Jan', 'Feb', 'Mar', 'Apr', 'May', 'June', 'July', 'Aug', 'Sept', 'Oct', 'Nov', 'Dec');

var monthArrayLong = new Array('January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December');





var defaultDateSeparator = "-"; // common values would be "/" or "."

var defaultDateFormat = "mdy" // valid values are "mdy", "dmy", and "ymd"

var dateSeparator = defaultDateSeparator;

var dateFormat = defaultDateFormat;





function displayDatePicker(dateFieldName, displayBelowThisObject, dtFormat, dtSep)

{

var targetDateField = document.getElementsByName (dateFieldName).item(0);



// if we weren't told what node to display the datepicker beneath, just display it

// beneath the date field we're updating

if (!displayBelowThisObject)

displayBelowThisObject = targetDateField;



// if a date separator character was given, update the dateSeparator variable

if (dtSep)

dateSeparator = dtSep;

else

dateSeparator = defaultDateSeparator;



// if a date format was given, update the dateFormat variable

if (dtFormat)

dateFormat = dtFormat;

else

dateFormat = defaultDateFormat;



var x = displayBelowThisObject.offsetLeft;

var y = displayBelowThisObject.offsetTop + displayBelowThisObject.offsetHeight ;



// deal with elements inside tables and such

var parent = displayBelowThisObject;

while (parent.offsetParent) {

parent = parent.offsetParent;

x += parent.offsetLeft;

y += parent.offsetTop ;

}



drawDatePicker(targetDateField, x, y);

}





function drawDatePicker(targetDateField, x, y)

{

var dt = getFieldDate(targetDateField.value );





if (!document.getElementById(datePickerDivID)) {



var newNode = document.createElement("div");

newNode.setAttribute("id", datePickerDivID);

newNode.setAttribute("class", "dpDiv");

newNode.setAttribute("style", "visibility: hidden;");

document.body.appendChild(newNode);

}



// move the datepicker div to the proper x,y coordinate and toggle the visiblity

var pickerDiv = document.getElementById(datePickerDivID);

pickerDiv.style.position = "absolute";

pickerDiv.style.left = x + "px";

pickerDiv.style.top = y + "px";

pickerDiv.style.visibility = (pickerDiv.style.visibility == "visible" ? "hidden" : "visible");

pickerDiv.style.display = (pickerDiv.style.display == "block" ? "none" : "block");

pickerDiv.style.zIndex = 10000;



// draw the datepicker table

refreshDatePicker(targetDateField.name, dt.getFullYear(), dt.getMonth(), dt.getDate());

}


July 23, 2008 at 7:26 PM


/**

This is the function that actually draws the datepicker calendar.

*/

function refreshDatePicker(dateFieldName, year, month, day){

// if no arguments are passed, use today's date; otherwise, month and year

// are required (if a day is passed, it will be highlighted later)

var thisDay = new Date();



if ((month >= 0) && (year > 0)) {

thisDay = new Date(year, month, 1);

} else {

day = thisDay.getDate();

thisDay.setDate(1);

}



var crlf = "\r\n";

var TABLE = "<table cols=7 class='dpTable'>" + crlf;

var xTABLE = "</table>" + crlf;

var TR = "<tr class='dpTR'>";

var TR_title = "<tr class='dpTitleTR'>";

var TR_days = "<tr class='dpDayTR'>";

var TR_todaybutton = "<tr class='dpTodayButtonTR'>";

var xTR = "</tr>" + crlf;

var TD = "<td class='dpTD' onMouseOut='this.className=\"dpTD\";' onMouseOver=' this.className=\"dpTDHover\";' "; // leave this tag open, because we'll be adding an onClick event

var TD_title = "<td colspan=5 class='dpTitleTD'>";

var TD_buttons = "<td class='dpButtonTD'>";

var TD_todaybutton = "<td colspan=7 class='dpTodayButtonTD'>";

var TD_days = "<td class='dpDayTD'>";

var TD_selected = "<td class='dpDayHighlightTD' onMouseOut='this.className=\"dpDayHighlightTD\";' onMouseOver='this.className=\"dpTDHover\";' "; // leave this tag open, because we'll be adding an onClick event

var xTD = "</td>" + crlf;

var DIV_title = "<div class='dpTitleText'>";

var DIV_selected = "<div class='dpDayHighlight'>";

var xDIV = "</div>";



// start generating the code for the calendar table

var html = TABLE;



// this is the title bar, which displays the month and the buttons to

// go back to a previous month or forward to the next month

html += TR_title;

html += TD_buttons + getButtonCode(dateFieldName, thisDay, -1, "&lt;") + xTD;

html += TD_title + DIV_title + monthArrayLong[ thisDay.getMonth()] + " " + thisDay.getFullYear() + xDIV + xTD;

html += TD_buttons + getButtonCode(dateFieldName, thisDay, 1, "&gt;") + xTD;

html += xTR;



// this is the row that indicates which day of the week we're on

html += TR_days;

for(i = 0; i < dayArrayShort.length; i++)

html += TD_days + dayArrayShort[i] + xTD;

html += xTR;



// now we'll start populating the table with days of the month

html += TR;



// first, the leading blanks

for (i = 0; i < thisDay.getDay(); i++)

html += TD + "&nbsp;" + xTD;



// now, the days of the month

do {

dayNum = thisDay.getDate();

TD_onclick = " onclick=\"updateDateField('" + dateFieldName + "', '" + getDateString(thisDay) + "');\">";



if (dayNum == day)

html += TD_selected + TD_onclick + DIV_selected + dayNum + xDIV + xTD;

else

html += TD + TD_onclick + dayNum + xTD;



// if this is a Saturday, start a new row

if (thisDay.getDay() == 6)

html += xTR + TR;



// increment the day

thisDay.setDate(thisDay.getDate() + 1);

} while (thisDay.getDate() > 1)



// fill in any trailing blanks

if (thisDay.getDay() > 0) {

for (i = 6; i > thisDay.getDay(); i--)

html += TD + "&nbsp;" + xTD;

}

html += xTR;


July 23, 2008 at 7:28 PM


// add a button to allow the user to easily return to today, or close the calendar

var today = new Date();

var todayString = "Today is " + dayArrayMed[today.getDay()] + ", " + monthArrayMed[ today.getMonth()] + " " + today.getDate();

html += TR_todaybutton + TD_todaybutton;

html += "<button class='dpTodayButton' onClick='refreshDatePicker(\"" + dateFieldName + "\");'>this month</button> ";

html += "<button class='dpTodayButton' onClick='updateDateField(\"" + dateFieldName + "\");'>close</button>";

html += xTD + xTR;



// and finally, close the table

html += xTABLE;



document.getElementById(datePickerDivID).innerHTML = html;

// add an "iFrame shim" to allow the datepicker to display above selection lists

adjustiFrame();

}





/**

Convenience function for writing the code for the buttons that bring us back or forward

a month.

*/

function getButtonCode(dateFieldName, dateVal, adjust, label)

{

var newMonth = (dateVal.getMonth () + adjust) % 12;

var newYear = dateVal.getFullYear() + parseInt((dateVal.getMonth() + adjust) / 12);

if (newMonth < 0) {

newMonth += 12;

newYear += -1;

}



return "<button class='dpButton' onClick='refreshDatePicker(\"" + dateFieldName + "\", " + newYear + ", " + newMonth + ");'>" + label + "</button>";

}



function getDateString(dateVal){

var dayString = "00" + dateVal.getDate();

var monthString = "00" + (dateVal.getMonth()+1);

dayString = dayString.substring(dayString.length - 2);

monthString = monthString.substring(monthString.length - 2);



switch (dateFormat) {

case "dmy" :

return dayString + dateSeparator + monthString + dateSeparator + dateVal.getFullYear();

case "ymd" :

return dateVal.getFullYear() + dateSeparator + monthString + dateSeparator + dayString;

case "mdy" :

default :

return monthString + dateSeparator + dayString + dateSeparator + dateVal.getFullYear();

}

}

/**

Convert a string to a JavaScript Date object.

*/

function getFieldDate(dateString){

var dateVal;

var dArray;

var d, m, y;



try {

dArray = splitDateString(dateString);

if (dArray) {

switch (dateFormat) {

case "dmy" :

d = parseInt(dArray[0], 10);

m = parseInt(dArray[1], 10) - 1;

y = parseInt(dArray[2], 10);

break;

case "ymd" :

d = parseInt(dArray[2], 10);

m = parseInt(dArray[1], 10) - 1;

y = parseInt(dArray[0], 10);

break;

case "mdy" :

default :

d = parseInt(dArray[1], 10);

m = parseInt(dArray[0], 10) - 1;

y = parseInt(dArray[2], 10);

break;

}

dateVal = new Date(y, m, d);

} else if (dateString) {

dateVal = new Date(dateString);

} else {

dateVal = new Date();

}

} catch(e) {

dateVal = new Date();

}


return dateVal;

}


July 23, 2008 at 7:28 PM


function splitDateString(dateString){

var dArray;

if (dateString.indexOf("-") >= 0)

dArray = dateString.split("-");

else if (dateString.indexOf(".") >= 0)

dArray = dateString.split(".");

else if (dateString.indexOf("-") >= 0)

dArray = dateString.split("-");

else if (dateString.indexOf("\\") >= 0)

dArray = dateString.split("\\");

else

dArray = false;



return dArray;

}

function updateDateField(dateFieldName, dateString){

var targetDateField = document.getElementsByName (dateFieldName).item(0);

if (dateString)

targetDateField.value = dateString;



var pickerDiv = document.getElementById(datePickerDivID);

pickerDiv.style.visibility = "hidden";

pickerDiv.style.display = "none";



adjustiFrame();

targetDateField.focus();



if ((dateString) && (typeof(datePickerClosed) == "function"))

datePickerClosed(targetDateField);

}



function adjustiFrame(pickerDiv, iFrameDiv){

// we know that Opera doesn't like something about this, so if we

// think we're using Opera, don't even try

var is_opera = (navigator.userAgent.toLowerCase().indexOf("opera") != -1);

if (is_opera)

return;



// put a try/catch block around the whole thing, just in case

try {

if (!document.getElementById(iFrameDivID)) {

var newNode = document.createElement("iFrame");

newNode.setAttribute("id", iFrameDivID);

newNode.setAttribute("src", "javascript:false;");

newNode.setAttribute("scrolling", "no");

newNode.setAttribute ("frameborder", "0");

document.body.appendChild(newNode);

}



if (!pickerDiv)

pickerDiv = document.getElementById(datePickerDivID);

if (!iFrameDiv)

iFrameDiv = document.getElementById(iFrameDivID);



try {

iFrameDiv.style.position = "absolute";

iFrameDiv.style.width = pickerDiv.offsetWidth;

iFrameDiv.style.height = pickerDiv.offsetHeight ;

iFrameDiv.style.top = pickerDiv.style.top;

iFrameDiv.style.left = pickerDiv.style.left;

iFrameDiv.style.zIndex = pickerDiv.style.zIndex - 1;

iFrameDiv.style.visibility = pickerDiv.style.visibility ;

iFrameDiv.style.display = pickerDiv.style.display;

} catch(e) {

}


} catch (ee) {

}


}

------------------------------------
Thanks.

Amardeep

Ads









Related Tutorials/Questions & Answers:
How to build calander - Date Calendar
How to build calander  My requirement is When user is registering he should enter his DOB just by selecting the date month and year for that i should provid him a calender right side of that feild how to do it please its
how to build a website
how to build a website  i hv developed i dynamic web project using eclipse,now i want to convert this project into an one touch executable software .is it possible to do the same.?if anyone knows it plz help me out
Advertisements
How to build a Struts Project - Struts
How to build a Struts Project  Please Help me. i will be building a small Struts Projects, please give some Suggestion & tips
XCode 4.0.2 how to build and debug the application
XCode 4.0.2 how to build and debug the application  I am confused how to run the application "Build & Go" in new XCode 4.0.2 can anyone suggest? Thanks
How to build .XML file, please provide an example.
How to build .XML file, please provide an example.  Hello, I want to know how to build .XML file. If you can provide an example, that would be great... Thanks
how to write build file for one project - Ant
how to write build file for one project   hi This is kishore, i want to know how to write build file for one sample project in java. if u.../Howtogeneratebuildfile.shtml We hope that this will help you in writing your own build
how to build a colorful clock in JSP without using Flash.
how to build a colorful clock in JSP without using Flash.  I have to make a colorful clock using java programming or some API in a JSP page. Please send me a code for it as soon as possible
How to create database in mysql using ANT build - Ant
How to create database in mysql using ANT build  Hello , can anybody tell me how to create a database in mysql using ant build.Please tell me detail with build.xml   Hi Friend, Use the following query
Build and Test tools
Build and Test tools Application Build and Test tools tutorials. In this section are providing tutorials and examples for all the build and test tools available for the Java programmers. Java Build Tools There many Java Build
Build and test application
Build and test application Building and application using ant At first...;!-- Normal build of application --> <target name="compile".../classes"/> </target> <!-- Remove classes directory for clean build
for sending project build
for sending project build  hello I want to send my iphone project build to someone else how can i send it...   yes you can send but Follow the steps on the portal to creating an ad hoc build and certificate. Look
Ant build
Ant build  Hi, Can anybody help me how to refered to a build.xml file from a buil.xml file ? Like I have a main build.xml file where I have some tags and in another build.xml file I have the rest tags for the same project. So
Eclipse helios "Build Before Launch"
Eclipse helios "Build Before Launch"  Hi The IDE Eclipse Helios present having an issue related to ?Build before Launch?. it still tries to build... Disable the build-before-launch. Select "Window->Preferences
Eclipse helios "Build Before Launch"
Eclipse helios "Build Before Launch"  Hi The IDE Eclipse Helios present having an issue related to ?Build before Launch?. it still tries to build... the build-before-launch. Select "Window->Preferences
Hibernate 5 build SessionFactory Example
and its instance is closed at the end of the applications. Today we will see how... StandardServiceRegistryBuilder().configure("hibernate.cfg.xml").build(); Metadata metaData = new MetadataSources(standardRegistry).getMetadataBuilder().build
build failure error with maven
build failure error with maven  hi, when i clean install a maven file I am getting the error in command prompt like sun.misc.BASE64Encoder is Sun... for the sun.misc.BASE64Encoder. how to resolve this error I am using jdk1.5 with Galileo
Version of ch.sourcepond>build dependency
List of Version of ch.sourcepond>build dependency
Version of com.matthewcasperson>build dependency
List of Version of com.matthewcasperson>build dependency
servlets to build the HTML
servlets to build the HTML  When using servlets to build the HTML, you build a DOCTYPE line, why do you do that?   I know all major browsers ignore it even though the HTML 3.2 and 4.0 specifications require
Download and Build from Source
Download and Build from Source Shopping cart application developed using Struts 2.2.1 and MySQL can be downloaded from http://www.roseindia.net/struts/struts/struts2.2.1/shoppingcart/index.html.
maven build failed
maven 3.0.4 build failed  Hi, I have downloaded the maven 3.0.4 and extracted it.and I have seted the path correctly. I am following steps from this url. http://www.roseindia.net/maven2/installingandgettinghandson
maven build failed
maven build failed  Hi, I have downloaded the maven 3.0.4 and extracted it.and I have seted the path correctly. I am following steps from this url. http://www.roseindia.net/maven2/installingandgettinghandson
Version of com.nexusy>build-tool dependency
List of Version of com.nexusy>build-tool dependency
Version of org.elasticsearch.gradle>build-tools dependency
List of Version of org.elasticsearch.gradle>build-tools dependency
Version of ca.bbd>build-tools dependency
List of Version of ca.bbd>build-tools dependency
Version of cn.home1>oss-build dependency
List of Version of cn.home1>oss-build dependency
Version of co.paralleluniverse>capsule-build dependency
List of Version of co.paralleluniverse>capsule-build dependency
Version of com.arcbees>build-tools dependency
List of Version of com.arcbees>build-tools dependency
Version of com.fitbur>build-tools dependency
List of Version of com.fitbur>build-tools dependency
Version of com.flowlogix>build-core dependency
List of Version of com.flowlogix>build-core dependency
Version of com.nexusy>build-tool dependency
List of Version of com.nexusy>build-tool dependency

Ads

 
Advertisement null

Ads