Hallo, ich hab leider nicht viel mit JS am Hut, hab hier aber ein JS dass einen Kalender darstellt. In diesem Kalender kann man einen Tach auswählen und eigentlich sollte dieser in einem Eingabefeld dargestellt werden, was nicht geschieht. Hoffe mir kann jemand helfen.
Das ist das gesamte Script, aufgeteilt in mehrere Beiträge:
<?xml version="1.0" encoding=""?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>Untitled Document</title>
<script language="JavaScript" type="text/javascript"> var win = null; function NewWindow(mypage, myname, w, h, scroll) { var winl = (screen.width-w) / 2; var wint = (screen.height-h) / 2; var settings = 'height=' + h + ','; settings += 'width=' + w + ','; settings += 'top=' + wint + ','; settings += 'left=' + winl + ','; settings += 'scrollbars=' + scroll + ','; settings += 'resizable=no';
win = window.open (mypage, myname, settings); return win; }
defaultStatus = "Tobit Software";
<!-- function SendToStatusWindow(FormName, width, height) { if (!width) width=400; if (!height) height=200;
var frm; var left= (screen.width-width)/2; var top = (screen.height-height)/2; var settings = " dependent=yes,"+ " hotkeys=no," + " menubar=no," + " locationbar=no," + " status=no," + " height=" + height + "," + " width=" + width + "," + " top=" + top + "," + " left=" + left; frm = eval("document.forms." + FormName); frm.target="StatusWindow"; //window.open("about:blank", "StatusWindow", settings, true); tmp = window.open("/include/EmptyStatusWin.htm", "StatusWindow", settings, true); tmp.focus();
return true; }
function SendURLToStatusWindow(url, width, height) { if (!width) width=400; if (!height) height=200;
var left= (screen.width-width)/2; var top = (screen.height-height)/2; var settings = " dependent=yes,"+ " hotkeys=no," + " menubar=no," + " locationbar=no," + " status=no," + " height=" + height + "," + " width=" + width + "," + " top=" + top + "," + " left=" + left; //window.open("about:blank", "StatusWindow", settings, true); tmp = window.open(url, "StatusWindow", settings, true); tmp.focus();
return true; }
//--> </script> <meta name="vs_targetSchema" content="http://schemas.microsoft.com/intellisense/ie5" />
<style> td.cal { font-family: Arial, Helvetica, sans-serif; font-size: 11px; line-height:11px; color: #000000; border-right:1px solid #000000; text-align:center; vertical-align: middle; cursor:hand; width:20px; height:10px; } td.none { font-family: Arial, Helvetica, sans-serif; font-size: 11px; line-height: 11px; color: #000000; text-align:center; vertical-align: middle; cursor:hand; width:20px; height:10px; } td.blank { font-family: Arial, Helvetica, sans-serif; font-size: 11px; line-height: 11px; color: #000000; background-color:#FFFFFF; text-align:center; vertical-align: middle; cursor:default; width:20px; } td.head { font-family: Arial, Helvetica, sans-serif; font-size:11px; line-height: 11px; color: #000000; background-color:#FFFFFF; border-right:1px solid #000000; border-bottom:1px solid #000000; text-align:center; vertical-align: middle; padding-bottom:3px; } font.cal { font-family: tahoma,arial; line-height:13px; font-size:11px; } td.caltbl { border:1px solid #FFFFFF; background-color:#FFFFFF; text-align:center; vertical-align: middle; height:10px; } </style> <script language="JavaScript" type="text/javascript"> <!-- /* Hinweise zum Implementieren: Der Aufruf des Kalenders erfolgt mit: showCal(Zielobjekt, xpos, ypos) Am Ende wird die Funktion extFunc() aufgerufen, die zur weiteren Auswertung des ermittelten Datums nach dem Kalenderinclude überschrieben werden kann. */
monthlist = new Array( "Januar","Februar","März","April", "Mai","Juni","Juli","August","September", "Oktober","November","Dezember" );
thisdate = new Date(); var debugCal = false; var thisDay = thisdate.getDate(); var thisMonth = thisdate.getMonth(); var thisYear = thisdate.getYear(); if (thisYear < 1900) thisYear += 1900; var minYear = thisYear - 80; var maxYear = thisYear + 20; var showYear=thisYear; var showMonth=thisMonth; var showDay=thisDay; var dateobj; var beginflag=0; var holnoclick = false;
var conststr1 = "<table width="170" cellpadding="0" cellspacing="0" height="150" style="border:1px solid #000000">" + "<tr><td valign="top" style="border:3px solid #9D98D8"><table border="0" cellpadding="0" cellspacing="0" style="border-bottom:3px solid #9D98D8">" + "<tr><td bgcolor="#9D98D8" align="left" style="border-right:3px solid #9D98D8;"><select class="selectBoxCal" onchange="SelectMonthYear()" onMouseOver="this.focus();" name="month_select" style="width:100px;">";
for(var i=0; i<12; i++) { conststr1 += "<option value="" +i+ """; if(i == thisMonth) conststr1 += " selected";
conststr1 += ">" +monthlist[i]+ "</option>\n"; } conststr1 += "</select></td><td bgcolor="#9D98D8" align="right">" + "<select class="selectBoxCal" name="year_select" onchange="SelectMonthYear()" onMouseOver="this.focus();" style="width:59px;">";
for(i=minYear; i<=maxYear; i++) { conststr1 += "<option value="" +i+ """; if(i == thisYear) conststr1 += " selected";
conststr1 += ">" +i+ "</option>\n"; } conststr1 += "</select></td></tr></table>";
var conststr2= "<table border="0" cellpadding="0" cellspacing="0" width="100%" style="border:5px solid #FFFFFF" bgcolor="#FFFFFF">" + "<tr><td class="blank"><table border="0" cellpadding="0" cellspacing="0" align="right" width="20" style="border-bottom:1px solid #000000; border-right:1px solid #000000;"><tr><td valign="middle"><font class="cal" style="padding-left:1px;">Mo</font></td></tr></table></td>"+ "<td class="blank"><table border="0" cellpadding="0" cellspacing="0" align="center" width="22" style="border-bottom:1px solid #000000; border-right:1px solid #000000;"><tr><td align="center" valign="middle"><font class="cal">Di</font></td></tr></table></td>"+ "<td class="blank"><table border="0" cellpadding="0" cellspacing="0" align="center" width="22" style="border-bottom:1px solid #000000; border-right:1px solid #000000;"><tr><td align="center" valign="middle"><font class="cal">Mi</font></td></tr></table></td>"+ "<td class="blank"><table border="0" cellpadding="0" cellspacing="0" align="center" width="22" style="border-bottom:1px solid #000000; border-right:1px solid #000000;"><tr><td align="center" valign="middle"><font class="cal">Do</font></td></tr></table></td>"+ "<td class="blank"><table border="0" cellpadding="0" cellspacing="0" align="center" width="22" style="border-bottom:1px solid #000000; border-right:1px solid #000000;"><tr><td align="center" valign="middle"><font class="cal">Fr</font></td></tr></table></td>"+ "<td class="blank"><table border="0" cellpadding="0" cellspacing="0" align="center" width="22" style="border-bottom:1px solid #000000; border-right:1px solid #000000;"><tr><td align="center" valign="middle"><font class="cal" color="#900000">Sa</font></td></tr></table></td>"+ "<td class="blank"><table border="0" cellpadding="0" cellspacing="0" align="left" width="18" style="border-bottom:1px solid #000000;"><tr><td align="right" valign="middle"><font class="cal" color="#900000" style="padding-right:1px">So</font></td></tr></table></td></tr>";
var conststr3= "</table></td></tr></table>";
function SelectMonthYear() { var yearIndex = document.getElementById ("year_select").selectedIndex;
showMonth = document.getElementById ("month_select").selectedIndex; showYear = document.getElementById ("year_select")[yearIndex].value;
makecal(); document.getElementById ("month_select").selectedIndex = showMonth; document.getElementById ("year_select").selectedIndex = yearIndex; }
function get_days(objdate) { var monthnr=objdate.getMonth(); for(var i=28;i<=31;i++) { objdate.setDate(i); if(objdate.getMonth() != monthnr) break; } return --i; }