Latest Tutorials| Questions and Answers|Ask Questions?|Site Map



Home Answers Viewqa Date-Calendar How to build calander
Login         

View Questions and Answers by Category

Advertisements


 
Have Programming Question? Ask it here!
 
 
 


Basavaraj
How to build calander
7 Answer(s)      6 years and 5 months ago
Posted in : Date-Calendar



Advertisement
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


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
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
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 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
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
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
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
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
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
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
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.
Build File in java - Development process
Build File in java   Hi Friends, Can u explain me what is necessary for build file in java application. I mean it contains war file or anything
Maven Project Build fails - Maven
Maven Project Build fails  HI Team I need an urgent help and guide. I have installed maven on my system. I am running Windows xp. When i am tryin to build the project app, I am getting this error. as below. Please
search engine build by lucene and eclipse
search engine build by lucene and eclipse  Hi, here is the code: package org.apache.lucene; import java.awt.*; import java.awt.event.*; import javax.swing.*; import org.apache.lucene.analysis.Analyzer; import
Tools required to build Simple Cart
Tools required to build Simple Cart       Shopping cart application is written in Java and so... to run the build script . Struts, Hibernate and Spring Frameworks
Eclipse Plunging-Build and Deploy
Eclipse Plunging-Build and Deploy       Mojo - Free Build to Release OpenMake Mojo is the ultimate tool for managing your build and release workflow process
JVM is build in which language - Java Interview Questions
JVM is build in which language  Hi, Can anybody tell me 1.JVM is build using which language.   C language
Mojo - Free Build to Release
Mojo - Free Build to Release   ... development processes from build to release. Mojo automates.... Build to release cycles are accelerated with Mojo's multi step activity
Nota ble to build EJB application - EJB
Nota ble to build EJB application  hi , am beginner to EJB i tried this building EJB application am getting follwoing error BUILD FAILED D:\Ejbtest\.metadata\.plugins\org.eclipse.jst.j2ee.ejb.annotations.xdoclet
Java GUI to build a Student Registration Program
Java GUI to build a Student Registration Program   Write a program to register students for a college. Students have names, addresses and courses. Implement the interface class RegisterStudent. RegisterStudent has one method
problem with executing JSF file(Build failed)
problem with executing JSF file(Build failed)  *while executing below.../NetBeansProjects/JSFProject3/nbproject/build-impl.xml:594: The module has not been deployed. BUILD FAILED (total time: 9 seconds)*** Please any one give me solution
Chapter 2. Design, build and test web components
Chapter 2. Design, build and test web components Prev  Part I. Exam Objectives  Next   
I want to build sessionfactory in hibernate 4. Need help.
I want to build sessionfactory in hibernate 4. Need help.  Hello, I want to build sessionfactory in hibernate 4. Need help
 

 

 

DMCA.com