Dieser Artikel beschreibt den Beautiful Time Selection Box Effect von JS. Teilen Sie es für Ihre Referenz wie folgt weiter:
HTML -Code -Teil:
<html> <script Language = javaScript src = "dataOne.js"> </script> <table align = "center"> <tr> <td> <body> (1) Wählen Sie nur Datum <Eingabe type = "text" name = "Datum" date "readonly onclick =" setday (thata); onclick = "setdayh (this);"> <br/> (3) Wählen Sie Datum und Stunde und Minute <Eingabe type = "text" name = "DateHM" readonly onclick = "setdayhm (this);"> </body> </td> </tr> </table> </html>
DataOne.js Code:
/*** Verwendungsmethode: * (1) Wählen Sie nur Datum <Eingabe type = "text" name = "date" readonly onclick = "setday (this);"> * (2) Datum und Stunde auswählen <Eingabe type = "text" name = "dateh" readonly onclick = "setdayh (thath); onclick = "setdayhm (this);"> * Methode zum Einstellen von Parametern * (1) Legen Sie den Datumsabscheider SetDatePlit (strPlit) fest; Standard ist "-" * (2) Setzen Sie das Separator zwischen Datum und Uhrzeitabschluss (STRPLit); Standard ist "" * (3) Setzen Sie die Zeitabscheider -Siedlung (STRPLit); Standard ist ":" * (4) Setzen Sie den Separator in (1), (2), (3) setSplit (strDatePlit, strdatetimesPlit, StrtimePlit); * (5) Legen Sie den Start- und Ende-Jahr Setyearperiod (intdatebeg, intdateend) ein * Beschreibung: * Das standardmäßige zurückgegebene Datums- und Zeitformat lautet wie folgt: 2005-02-02 08:08 */ // ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- "Höhe: 16px; Schriftgröße: 9PT; Farbe: Weiß; Grenze: 0 Solid #ccccc; Cursor: Hand; Hintergrundfarbe: #2650A6;"; // Schaltflächen für das ganze Jahr über, Monat usw. var s_tiannnet_turn = "width: 28px;" + s_tiannnet_turn_base; // Schließen, klare usw. Schaltflächenstile var s_tiannnet_turn2 = "width: 22px;" + s_tiannnet_turn_base; // Dropdown-Feld für das ganze Jahr über VAR S_TIANNET_SELECT = "Breite: 64px; Anzeige: Keine;"; // Wählen Sie das Dropdown-Feld von Monats-, Stunde und Minute VAR S_TiANNET_SELECT2 = "Breite: 46px; Anzeige: Keine;"; // Datum Auswahlsteuerung Körperstil var + "Border-Links: 1 Solid #CCCC; Border-Top: 1 Solid #CCCC; Grenzrechte: 1 Solid #999999; Border-Bottom: 1 Solid #999999;"; // Stil der TD zeigt den Tag var // font style var // Linkstil var s_tiannnet_link = "Textdekoration: Keine; Schriftgröße: 9PT; Farbe:#2650A6;"; // Horily Line var s_tiannnet_line = "Border-Bottom: 1 Solid #6699cc"; // -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- 2010; // SELECTABLE SEAL SEAR VAR TiannNetDatenow = New Date (); var tiNnetyear = tiannNetDatenow.getingfoyear (); // Der Anfangswert der Variablen definierende Jahr var tiannmonth = tiannNetDatenow.getMonth ()+1; // Der Anfangswert der Variablen definierende monatliche var tiannetday = tiannNetDatenow.getDate (); var tiannethour = 8; // TiannNetDatenow.Gethours (); var tiannnetminute = 0; // tiannNetDatenow.getminutes (); var Tiannetarrday = Neuarray (42); // Array, das das Datum definiert var tiannNetDatePlit = "-"; // Datumsabscheider var tiannNetDateTimesPlit = ""; // Datumsabscheider var tiannettimsPlit = ":"; // Zeittrennzeichen var tiannNetoutObject; // Objekt, das Datum und Uhrzeit empfängt, var arrtiannethide = new Array (); // Die Etikett, die gezwungen ist, versteckt zu sein. // Definieren Sie die maximale Anzahl der Tage pro Monat im Gregorianischen Kalender M_amonhead [0] = 31; m_amonhead [1] = 28; m_amonhead [2] = 31; m_amonhead [3] = 30; m_amonhead [4] = 31; m_amonhead [5] = 30; m_amonhead [6] = 31; m_amonhead [7] = 31; m_amonhead [8] = 30; m_amonhead [9] = 31; m_amonhead [10] = 30; m_amonhead [11] = 31; //. // Wenn im Tag einen Wert vorhanden ist, initialisieren Sie das Datum in den aktuellen Wert var strValue = tiannNettrim (TiannetoutObject.Value); if (StrValue! } TiannNetPopCalendar (); } // Benutzer Hauptanruffunktion - Wählen Sie Datum und Stunden Funktion SetDayH (OBJ) {TiannNetoutObject = obj; m_bolshowhour = true; // Wenn ein Wert im Tag enthält, werden Datum und Stunde in den aktuellen Wert var StrValue = tiannNettrim (TiannetoutObject.Value) initialisiert; if (StrValue! var stound = strsrus.substring (11,13); if (stunde <10) tiannethour = stunde.substring (1,2); } TiannNetPopCalendar (); } // Benutzer Hauptanruffunktion - Wählen Sie Datums- und Stunde und Minute -Funktion SetDayHM (OBJ) {TiannNetoutObject = obj; m_bolshowhour = true; m_bolshowminute = true; // Wenn im Tag einen Wert vorhanden ist, initialisieren Sie das Datum, die Stunde und die Minute mit dem aktuellen Wert var StrValue = tiannNettrim (TiannetoutObject.Value); if (StrValue! var time = strsRalue.substring (11,16); var arr = time.split (tiannettimesPlit); tiannethour = arr [0]; tiannNetminute = arr [1]; if (tiannethour <10) tiannethour = tiannethour.substring (1,2); if (tiannNetminute <10) TiannNetminute = TiannNetminute.substring (1,2); } TiannNetPopCalendar (); } // Setyearperiod (intdatebeg, intDateend) {tiNNetyearst = intdatebeg; tiNnetyearend = intdateend; } // Setzen Sie das Datumsabscheider. Die Standardeinstellung ist "-" -Funktion setDatePlit (strDatePlit) {TiannNetDateSsplit = strDateSsplit; } // Setzen Sie das Trennzeichen zwischen Datum und Uhrzeit. Die Standardeinstellung ist "" function setDatetimesPlit (strdatetimesPlit) {TiannNetDATETIMEPLIT = strdatetimesPlit; } // Setzen Sie den Zeittrennzeichen. Die Standardeinstellung ist ":" Funktionssiedlung (StrtimesPlit) {TiannettimesPlit = StrtimesPlit; } // Die Separatorfunktion setSplit (strDatePlit, strdatetimesPlit, StrtimesPlit) {TiannNetDatePlit (strDateSplit) festlegen; tiannNetDatetimesPlit (StrDatetimemPlit); TiannettimesPlit (StrtimesPlit); TiannettimesPlit (StrtimesPlit); } // Setzen Sie das Standarddatum. Das Format ist: yyyy-mm-dd function setDefaultDate (strdate) {tiNnetyear = strdate.substring (0,4); TiannNetMonth = strdate.substring (5,7); tiannetday = strdate.substring (8,10); } // Setzen Sie die Standardzeit. Das Format lautet: HH24: MI -Funktion setDefaulttime (STRTIME) {Tiannethour = sttime.substring (0,2); TiannNetminute = STORTION.Substring (3,5); } // ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ style = "'+s_tiannnet_body+'" style = "Diese Kalenderauswahlregelung wird durch Tiannnet basierend auf der Erfahrung früherer Generationen verbessert!"> '); document.write ('<div align = "center" id = "divtiannNetDateText" Author = "Tiannnet" style = "padding-top: 2px;">'); document.write ('<span id = "tiNnetyearhead" author = "tiannnet" style = "'+s_tiannnet_font+'' '+' onclick =" spanyearcevent (); "> Jahr </span> '); document.write ('<select id = "seltianyear" style = "'+s_tiannnet_select+'" Author = "Tiannnet"'+'onchange = "tiNNetyear = this.value; 'this.style.display =/' none/'; ">'); für (var i = tiNnetyearst; i <= tiNnetyearend; i ++) {document.writeln ('<option value = "' + i + '">' + i + 'Jahr </option>'); } document.write ('</select>'); document.write ('<span id = "tiannNetmonthhead" author = "tiannnet" style = "'+s_tiannnet_font+'' '+' onclick =" spanmonthcevent (); "> Monat </span> '); document.write ('<select id = "seltiandonth" style = "'+s_tiannnet_select2+'" Author = "Tiannnet"'+'onchange = "tiannNetmonth = this.value; tiannetsetday (tiannetyear, tiannnetmonth); 'this.style.display =/' none/'; ">'); für (var i = 1; i <= 12; i ++) {document.writeln ('<option value = "' + i + '">' + i + 'Monat </option>'); } document.write ('</select>'); //document.write ('</div>'); //document.write('<Div align = "center" id = "divtiannettimetext" Author = "Tiannnet"> '); document.write ('<span id = "tiannethourhead" author = "tiannnet" style = "'+s_tiannnet_font+'display: keine;"'+'onclick = "spanHourceEvent ();"> wenn </span>'); document.write ('<select id = "seltianhour" style = "'+s_tiannnet_select2+'display: none;" author = "tiannnet"'+'onchange = "tiannethour = this.value; tiannNetwritehead (); 'this.style.display =/' none/'; ">'); für (var i = 0; i <= 23; i ++) {document.WriteLN ('<Option Value = "' + i + '">' + i + 'time </option>'); } document.write ('</select>'); document.write ('<span id = "tiannNetminutehead" Author = "tiannnet" style = "'+s_tiannnet_font+'display: keine;"'+'onclick = "spanMinuteCevent ();"> Punkt </span>'); document.write ('<select id = "seltianminute" style = "'+s_tiannnet_select 2+'display: none;" author = "tiannnet"'+'onchange = "tiannNeMinute = this.value; 'this.style.display =/' none/'; ">'); für (var i = 0; i <= 59; i ++) {document.WriteLn ('<Option Value = "' + i + '">' + i + 'Punkt </option>'); } document.write ('</select>'); document.write ('</div>'); // Ein horizontales Zeilendokument ausgeben. document.write ('<div align = "center" id = "divtiannetturn" style = "border: 0;" author = "tiannnet">'); document.write ('<input type = "button" style = "'+s_tiannnet_turn+'" value = "Jahr ↑" onclick = "tiannNetPrevyear ();">'); document.write ('<input type = "button" style = "'+s_tiannnet_turn+'" value = "Jahr ↓" onclick = "tiannNetNexyear ();">'); document.write ('<input type = "button" style = "'+s_tiannnet_turn+'" value = "Jahr ↓" onclick = "tiannNetNexyear ();">'); document.write ('<input type = "button" style = "'+s_tiannnet_turn+'" value = "monat ↑" onclick = "tiannNetPrevmonth ();">'); document.write ('<input type = "button" style = "'+s_tiannnet_turn+'" value = "monat ↓" onclick = "tiannNetNextMonth ();">'); document.write ('</div>'); // Ein horizontales Zeilendokument ausgeben. document.write ('<table border = 0 cellSpacing = 0 cellpadding = 0 bgcolor = White OnSelectStart = "return false">'); document.write ('<tr style = "Hintergrundfarbe:#2650A6; Schriftgröße: 10PT; Farbe: Weiß; Höhe: 22px;" Author = "Tiannnet">'); für (var i = 0; i <weekname.length; i ++) {// Ausgabe wochentags document.write ('<td align = "center" author = "tiannnet">' + weekname [i] + '</td>'); } document.write ('</tr>'); document.write ('</table>'); // Auswahl des Ausgabetags -Dokuments. var n = 0; für (var i = 0; i <5; i ++) {document.write ('<tr align = center id = "trtiannetday' + i + '">'); für (var j = 0; j <7; j ++) {document.write ('<td align = "center" id = "tdtiannetday' + n + '"' + 'onclick = "tiannetday = this.inNertext; TiannetSetvalue (True); n ++; } document.write ('<tr align = center id = "trtiannetday5">'); document.write ('<td align = "center" id = "tdtiannetay35" onclick = "tiannetday = this.inNerText; tiannetSetValue (true);"' + 'style = "' + s_tiannnet_day + '" document.write ('<td align = "center" id = "tdtiannetay36" onclick = "tiannnetday = this.inNerText; tiannetSetValue (true);"' + 'style = "' + s_tiannnet_day + '" document.write ('<td align = "right" colspan = "5"> <a href = "javaScript: tiannNetClear ();" style = "' + s_tiannnet_link + '"> clear </a>' + '<a href = "JavaScript: Tiannethidcontrol (); '<a href = "JavaScript: TiannetSetValue (True); document.write ('</tr>'); document.write ('</table>'); document.write ('</div>'); // ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ Array ("seltianyear", "tiannontmonthhead"), falsch); if (m_bolshowhour) hidelementsbyId (new Array ("tiannethourhead"), falsch); if (m_bolshowminute) HasselementsbyId (Neuarray ("Tiannnetminutehead"), False); HidelementsById (New Array ("TiNNetyearhead", "Seltiandonth", "Seltianhour", "Seltianminute"), wahr); } // Klicken Sie auf das monatliche Span -Tag, um die Funktion spanmonthCEvent () {HideLements byId (New Array ("SeltiANMonth", "tiNnetyearhead"), false); if (m_bolshowhour) hidelementsbyId (new Array ("tiannethourhead"), falsch); if (m_bolshowminute) HasselementsbyId (Neuarray ("Tiannnetminutehead"), False); HideelementsById (New Array ("Tiannnetmonthhead", "Seltianyear", "Seltianhour", "Seltianminute"), wahr); } // Klicken Sie auf die Hour -Span -Tag -Antwortfunktion SpanHourceEvent () {HideLementsById (New Array ("TiNNetyarhead", "TiannNetmonthhead"), false); if (m_bolshowhour) hidelementsbyId (new Array ("seltianhour"), false); if (m_bolshowminute) HasselementsbyId (Neuarray ("Tiannnetminutehead"), False); HideelementsById (New Array ("Tiannethourhead", "Seltianyear", "Seltiangonth", "Seltianminute"), wahr); } // Klicken Sie auf die Minute Span Tag -Antwortfunktion SpanMinuteCevent () {HideLements byId (New Array ("TiNNetyearhead", "Tiannnetmonthhead"), False); if (m_bolshowhour) hidelementsbyId (new Array ("tiannethourhead"), falsch); if (m_bolshowMinute) HasselementsbyId (Neuarray ("Seltianminute"), False); HidelementsById (New Array ("Tiannnetminuthead", "Seltianyear", "Seltiandonth", "Seltianhour"), wahr); } // Ausblenden oder Anzeigen von Tag -Funktionen versteckt byId (arrrid, bolhide) {var strDisplay = ""; if (bolhide) strdisplay = "keine"; für (var i = 0; i <arrid.length; i ++) {var obj = document.getElementById (arrrid [i]); obj.style.display = strDisplay; }} // ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- if ((monat == 2) && ispinyear (Jahr)) c ++; Rückkehr C; } // Setzen Sie den aktuellen Tag zurück. Hauptsächlich, um zu verhindern, dass der aktuelle Tag größer als der maximale Tag des Monats ist, an dem das Jahr umgekippt oder der Monat aufgehoben wird. Funktion setRealDayCount () {if (tiannetday> getMonthCount (tiNnetyear, tiannNetmonth) {// Wenn der aktuelle Tag größer als der maximale Tag des Monats ist, wird der maximale Tag des Monats genommen. Tiannetday = getMonthCount (tiAnnetyear, Tiannnetmonth); }} // Null vor der einzelnen Ziffern hinzufügen addZero (value) {if (value <10) {value = "0" + Wert; } Rückgabewert; } // Space Function TiannNettrim (str) {return str.replace (/(^/s*) | (/s*$)/g, ""); } // Erstellen Sie eine Optionsfunktion createOption (objselect, value, text) {var option = document.createelement ("option"); Option.Value = Wert; Option.Text = Text; objselect.options.add (Option); } // Vorwärtsjahresfunktion TiannNetPrevyear () {if (tiNNetyear> 999 && tiNNetyear <10000) {tiNNetyear-;} else {alert ("Jahr außerhalb von Range (1000-9999)!"); // Wenn das Jahr geringer ist als das zulässige Jahr, erstellen Sie die entsprechende Option, wenn (tiAnnetyear <tiNnetyearst) {tiangNetyearst = tiNNetyear; createOption (document.all.seltianyear, tiarneNetyear, tiangnetyear + "Jahr"); } checkSelect (document.all.seltianyear, tiarneNetyear, tiangnetyear); TiannNetWriteHead (); } // Flip Year Function TiannNetNEtyear () {if (tiNNetyear> 999 && tiNNetyear <10000) {tiNNetyear ++;} else {alert ("Jahr außerhalb von Range (1000-9999)!"); return;} TiannetSetday (tiAnnetyear, Tiannnetmonth); // Wenn das Jahr das maximal zulässige Jahr überschreitet, erstellen Sie die entsprechende Option, wenn (tiAnnetyear> tiAnnetyearend) {tiangNetyearend = tiNNetyear; createOption (document.all.seltianyear, tiarneNetyear, tiangnetyear + "Jahr"); } checkSelect (document.all.seltianyear, tiarneNetyear, tiangnetyear); TiannNetWriteHead (); } // Wählen Sie heute die Funktion tiannettoday () {tiNNetyear = tiannNetDatenow.getingfullyear (); tiannmonth = tiannNetDatenow.getMonth ()+1; tiannetday = tiannNetDatenow.getDate (); TiannetSetValue (wahr); // TiannetSetday (tiAnnetyear, Tiannnetmonth); // selectObject (); } // Folgen Sie dem Monat des Monatsfunktion TiannNetPrevmonth () {if (TiannNetMonth> 1) {TiannNetMonth-} else {tiNnetyear-; TiannNetmonth = 12;} TiannetSetday (tiNnetyear, tiannnetmonth); CheckSelect (document.all.seltiandononth, Tiannnetmonth); TiannNetWriteHead (); } // Folgen Sie der Monatsfunktion tiannNetNextMonth () {if (tiannNetmonth == 12) {tiNnetyear ++; TiannNetMonth = 1} else {TiannNetmonth ++} TiannetSetday (tiannetyear, tiannNetmonth); CheckSelect (document.all.seltiandononth, Tiannnetmonth); TiannNetWriteHead (); } // Jahr-, Monat-, Zeit-, Minute- und andere Daten in die Span -Tag -Funktion tiannNetwritehead () {document.all.tiannetyearhead.Innertext = tiNnetyear + "Jahr"; document.all.tiannNetmonthhead.Innertext = TiannNetmonth + "Monat"; if (m_bolshowHour) document.all.tiannethourhead.inNertext = "" + tiannethour + "time"; if (m_bolshowMinute) document.all.tiannnetminutehead.inNertext = TiannNetMinute + "Minuten"; TiannetSetValue (false); // Setzen Sie das Textfeld, aber nicht ausblenden Sie diese Steuerung} // Setzen Sie die Anzeigetagsfunktion TiannetSetday (yy, mm) {setRealDayCount (); // Setzen Sie den realen Tag des Monats Tiannetwritehead (); var strdateFont1 = "", strdatefont2 = "" // train den Stil der Datumsanzeige für (var i = 0; i <37; i ++) {TiannNetarrday [i] = ""}; // alle Inhalte des Anzeigebelds var tag tag1 = 1 löschen; var firstday = neues Datum (yy, mm-1,1) .getay (); // Tag der Woche des ersten Tages eines bestimmten Monats für (var i = firstday; tag1 <getonthcount (yy, mm) +1; i ++) {TiannNetarrday [i] = Tag1; Tag1 ++; } // Wenn der Wert der ersten Zelle, mit der die letzte Zeile des Tages leer angezeigt wird, leer ist, verbergen Sie die gesamte Zeile. // if (tiannNetarrday [35] == "") {// document.all.trtiannetay5.style.display = "none"; //} else {// document.all.trtiannetay5.style.display = ""; //} für (var i = 0; i <37; i ++) {var da = eval ("document.all.tdtiannetday"+i) // Das Datum und die Wochenanordnung des neuen Monats schreiben, wenn (Tiannetarrday [i]! strDateFont1 = "<font color =#f0000>" strdateFont2 = "</font>"} else {strDateFont1 = ""; strDateFont2 = ""} da.innerhtml = strdateFont1 + tiannNetarrday [i] + strdateFont2; // Wenn es sich um den aktuell ausgewählten Tag handelt, ändern Sie die Farbe, wenn (Tiannetarrday [i] == TiannNetday) {Da.Style.backgroundcolor = "#ccccc"; } else {da.style.backgroundcolor = "#efef"; } da.style.cursor = "hand"} else {da.innerhtml = ""; da.style.backgroundcolor = ""; da.style.cursor = "Standard"}} // End für TiannetSetvalue (false); // Die Textbox verstecken, aber die Textbox ausblenden, aber die Textbox ausblenden Sie diese Kontrollfunktion nicht. checkSelect (objselect, selectValue) {var count = parseInt (objselect.length); if (selectValue <10 && selectValue.toString (). Länge == 2) {selectValue = selectValue.substring (1,2); } für (var i = 0; i <count; i ++) {if (objselect.options [i] .Value == SELECTVALUE) {objSelect.SelectedIndex = i; brechen; }} // für} // Wählen Sie die Dropdown-Box-Funktion selectObject () {// Wenn das Jahr geringer als das minimal erlaubte Jahr ist, erstellen Sie die entsprechende Option, wenn (tiNNetyear <tiNnetyearst) {für (var i = tiNNetyear; i <tiNnetyearst; i ++) {createoption (document.all.all.all.all.Sl. } tiAnnetyearst = tiAnnetyear; } // Wenn das Jahr das maximal zulässige Jahr überschreitet, erstellen Sie die entsprechende Option, wenn (tiNNetyear> tiAnnetyearend) {für (var i = tiNNetyearend + 1; i <= tiAnnetyear; i ++) {createoption (document.all.seltianyear, i, i + "Jahr"); } tiNnetyearend = tiAnnetyear; } checkSelect (document.all.seltianyear, tiangneNetyear); CheckSelect (document.all.seltiandononth, Tiannnetmonth); if (m_bolshowhour) prüfende (document.all.seltianhour, tiannethour); if (m_bolshowMinute) CheckSelect (document.all.seltianminute, TiannNetMinute); } // dem Steuerelement einen Wert zuweisen, der Datum und Uhrzeit akzeptiert. if (! tiannetday || tiannNetday == "") {TiannNetoutObject.Value = value; zurückkehren; } var mm = tiannNetmonth; var tag = tiannetday; if (mm <10 && mm.toString (). Länge == 1) mm = "0" + mm; if (tag <10 && day.toString (). Länge == 1) tag = "0" + Tag; value = tiNnetyear + tiannNetDatePlit + mm + tiannNetDateSsplit + Tag; if (m_bolshowHour) {var hour = tiannethour; if (stunde <10 && stunde Wert + = TiannNetDateTimesPlit + Stunde; } if (m_bolshowminute) {var minute = tiannNetminute; if (Minute <10 && Minute.toString (). Länge == 1) Minute = "0" + Minute; Wert + = TiannettimesPlit + Minute; } tiannNetoutObject.Value = value; //document.all.divtiannnetdate.style.display = "Keine"; if (bolhidecontrol) {tiannethidecontrol (); }} // Zeigt es Zeitfunktion an, showTime () {if (! M_bolshowhour && m_bolshowminute) {alert ("Wenn Sie Minuten auswählen möchten, müssen Sie in der Lage sein, Stunden auszuwählen!"); zurückkehren; } hidelementsById (New Array ("Tiannethourhead", "Seltianhour", "Tiannnetminuthead", "Seltianminute"), wahr); if (m_bolshowHour) {// Stunden Hendeelemente byId (New Array ("Tiannethourhead"), falsch); } if (m_bolshowminute) {// minutenverschneidende Hasselemente (New Array ("Tiannethourhead"), False); } if (m_bolshowminute) {// minuten -hindelements byId (new Array ("TiannNetMinuthead"), false); }} // Die Kalenderauswahlsteuerung taucht auf, um den Benutzer die Funktion tiannNetpopCalendar () {// das Dropdown-Feld auszublenden, um die entsprechenden Head HideelementsbyId (New Array ("Seltianyear", "Seltiannonmonth", "SeltianHourHour", "seltianMinute") anzuzeigen. HidelementsById (Neuarray ("TiNNetyearhead", "Tiannontmonthhead", "Tiannnetminuthead"), falsch); TiannetSetday (tiAnnetyear, Tiannnetmonth); TiannNetWriteHead (); Show Time(); var dads = document.all.divtiannetdate.style; var ix, iy; var h = document.all.divtiannetdate.offseteight; var w = document.all.divtiannetdate.Offsetwidth; // links berechnen if (window.event.x + h> document.body.offsetwidth - 10) ix = window.event.x - h - 5; sonst ix = window.event.x + 5; if (ix <0) ix = 0; // Berechnen Sie Top iy = window.event.y; if (window.event.y + w> document.body.offseteight - 10) iy = document.body.scrolltop + document.body.offseteight - w - 5; sonst iy = document.body.scrolltop + window.event.y + 5; if (iy <0) iy = 0; dads.left = ix; dads.top = iy; TiannetshowControl (); selectObject (); } // Kalendersteuerung ausblenden (gleichzeitig die erzwungenen versteckten Tags anzeigen) function tiannethidecontrol () {document.all.divtiannetdate.style.display = "Keine"; TiannetShowObject (); Arrtiannethide = new Array (); // Das versteckte Tag -Objekt löschen} // Kalendersteuerung anzeigen (verdeckte Tags gleichzeitig ausblenden) TiannetshowControl () {document.all.divtiannetdate.style.display = ""; TiannethideObject ("select"); TiannethideObject ("Objekt"); } // Tags gemäß dem Tag -Namen ausblenden. Wenn die Auswahl des Steuerelements blockiert wird, ist die Objektfunktion TiannethideObject (Stragname) {x = document.all.divtiannNetDate.OffsetLeft; y = document.all.divtiannNetdate.offsettop; h = document.all.divtiannetdate.offseteight; w = document.all.divtiannNetdate.Offsetwidth; für (var i = 0; i <document.All.tags (StragName) .Length; i ++) {var obj = document.all.Aldags (Stragname) [i]; if (! obj ||! obj.offsetparent) weiter; // Erhalten Sie die relativen Koordinaten des Elements für das Body Tag var objleft = obj.offsetleft; var objtop = obj.offsettop; var objHeight = obj.offseteight; var objwidth = obj.offsetwidth; var objparent = obj.offsetparent; while (objparent.tagname.touppercase ()! = "body") {objleft += objparent.offsetleft; objtop += objparent.offsettop; objparent = objparent.offsetParent; } // alert ("linke Ende der Steuerung:" + x + "Linkes Ende auswählen" + (objleft + objwidth) + "unten am Kontroll:" + (y + h) + "Hoch:" + objtop); var bolhide = true; if (obj.style.display == "Keine" || obj.style.visibility == "Hidden" || obj.getAttribute ("Autor") == "Tiannnet") {// Wenn das Tag selbst versteckt ist, muss es nicht mehr versteckt werden. Wenn es sich um ein Dropdown-Box im Steuerelement handelt, muss es nicht versteckt sein. Bolhide = falsch; } if (((objleft + objwidth)> x && (y + h + 20)> objtop && (objtop + objHeight)> y && objleft <(x + w)) && bolhide {//Artiannethide. Obj.Style.visibility = "Hidden"; }}} // Hidden Tag -Funktion TiannNetShowObject () {für (var i = 0; i <arrtiannethide.length; i ++) {// alert (Arrtiannethide [i]) anzeigen; Arrtiannethide [i] .Style.visibility = ""; }} // Initialisierungsdatum. Funktion tiannNetInitdate (strDate) {var arr = strDate.Split (TiannNetDatePlit); tiNNetyear = arr [0]; tiannmonth = arr [1]; Tiannetday = arr [2]; } // Funktion tiannNetClear () {tiannetoutObject.value = ""; tiannethidecontrol (); } // Die Steuerung schließen, wenn Sie auf ein Funktionsdokument klicken. }} // Drücken Sie die ESC -Taste, um das Kontrollfunktionsdokument zu schließen. }}For more information about JavaScript related content, please check out the topics of this site: "Summary of JSON operation skills in JavaScript", "Summary of JavaScript switching effects and techniques", "Summary of JavaScript search algorithm skills", "Summary of JavaScript animation special effects and techniques", "Summary of JavaScript errors and debugging skills", "Summary of JavaScript data structures and Algorithmusfähigkeiten "," Zusammenfassung von JavaScript -Traversal -Algorithmen und -Techniken "und" Zusammenfassung der Verwendung von JavaScript mathematischer Operationen ""
Ich hoffe, dieser Artikel wird für JavaScript -Programme aller hilfreich sein.