programming:javascript
Unterschiede
Hier werden die Unterschiede zwischen zwei Versionen angezeigt.
Beide Seiten der vorigen RevisionVorhergehende ÜberarbeitungNächste Überarbeitung | Vorhergehende Überarbeitung | ||
programming:javascript [2020/10/22 21:49] – [Formularprüfung] frank | programming:javascript [2023/06/08 17:06] (aktuell) – Externe Bearbeitung 127.0.0.1 | ||
---|---|---|---|
Zeile 1: | Zeile 1: | ||
+ | ===== JavaScript ===== | ||
+ | ==== Formularprüfung ==== | ||
+ | < | ||
+ | function emailverify(email) { | ||
+ | return (email.search(/ | ||
+ | } | ||
+ | function CheckRegister(f) | ||
+ | { | ||
+ | if (f.username.value=="" | ||
+ | else if (!f.username.value.match(/ | ||
+ | else if (f.password.value=="" | ||
+ | else if (f.password.value.length< | ||
+ | else if (f.password.value!=f.password2.value){alert(' | ||
+ | | ||
+ | else return true; | ||
+ | return false; | ||
+ | } | ||
+ | </ | ||
+ | <code html> | ||
+ | < | ||
+ | <label for=" | ||
+ | <label for=" | ||
+ | <label for=" | ||
+ | <input type=" | ||
+ | </ | ||
+ | </ | ||
+ | |||
+ | ==== Datumsfunktionen (de): ==== | ||
+ | < | ||
+ | function GerDate(d) // | ||
+ | { | ||
+ | var month = d.getMonth()+1; | ||
+ | var year = d.getYear(); | ||
+ | var day = d.getDate(); | ||
+ | if(day< | ||
+ | if(month< | ||
+ | if(year< | ||
+ | return day+' | ||
+ | } | ||
+ | |||
+ | function heute() //liefert das aktuelle Datum in deutscher Formatierung | ||
+ | { | ||
+ | var today = new Date(); | ||
+ | var month = today.getMonth()+1; | ||
+ | var year = today.getYear(); | ||
+ | var day = today.getDate(); | ||
+ | if(day< | ||
+ | if(month< | ||
+ | if(year< | ||
+ | return day+' | ||
+ | } | ||
+ | |||
+ | function GerDay(mod) // | ||
+ | { | ||
+ | var now = new Date(); | ||
+ | var today = now.getTime(); | ||
+ | if (mod) | ||
+ | { | ||
+ | var than = today + (mod * 24 * 60 * 60 * 1000); | ||
+ | now.setTime(than); | ||
+ | } | ||
+ | var month = now.getMonth()+1; | ||
+ | var year = now.getYear(); | ||
+ | var day = now.getDate(); | ||
+ | if(day< | ||
+ | if(month< | ||
+ | if(year< | ||
+ | return day+' | ||
+ | } | ||
+ | |||
+ | function jetzt(sec) | ||
+ | { | ||
+ | var today = new Date(); | ||
+ | var hour = today.getHours(); | ||
+ | var minute = today.getMinutes(); | ||
+ | var second = today.getSeconds(); | ||
+ | if(hour< | ||
+ | if(minute< | ||
+ | if(second< | ||
+ | if (sec) | ||
+ | return hour+':' | ||
+ | else | ||
+ | return hour+':' | ||
+ | } | ||
+ | |||
+ | function calc_endtime(f) //rechnet x minuten (feld duration) auf datum in starttime | ||
+ | { | ||
+ | var dtstr = f.starttime.value; | ||
+ | if (dtstr.match(/ | ||
+ | { | ||
+ | var dt = dtstr.split(" | ||
+ | var d=dt[0].split(" | ||
+ | var t=dt[1].split(":" | ||
+ | var ts = new Date(d[2], d[1]-1, d[0]); | ||
+ | // | ||
+ | ts.setHours(t[0], | ||
+ | var endtime = (" | ||
+ | ts.getFullYear() + " " + (" | ||
+ | f.endtime.value=endtime; | ||
+ | }else alert(dtstr+' | ||
+ | } | ||
+ | </ | ||
+ | ==== label-Text ==== | ||
+ | < | ||
+ | function GetLabelText(cb_id) | ||
+ | { | ||
+ | var t=""; | ||
+ | var labels=document.getElementsByTagName(' | ||
+ | for (var i = 0; i < labels.length; | ||
+ | { | ||
+ | if (labels[i].htmlFor==cb_id) | ||
+ | t=labels[i].innerHTML; | ||
+ | // | ||
+ | } | ||
+ | return t; | ||
+ | } | ||
+ | |||
+ | function SetLabelText(cb_id, | ||
+ | { | ||
+ | var labels=document.getElementsByTagName(' | ||
+ | for (var i = 0; i < labels.length; | ||
+ | { | ||
+ | if (labels[i].htmlFor==cb_id) | ||
+ | labels[i].innerHTML=txt; | ||
+ | // | ||
+ | } | ||
+ | } | ||
+ | </ | ||
+ | |||
+ | ==== label zu Input finden ==== | ||
+ | |||
+ | https:// | ||
+ | |||
+ | ==== Abmessungen/ | ||
+ | < | ||
+ | function GetRect (o) | ||
+ | { | ||
+ | var r = { top:0, left:0, width:0, height:0 }; | ||
+ | |||
+ | if(!o) return r; | ||
+ | else if(typeof o == ' | ||
+ | if( typeof o != ' | ||
+ | |||
+ | if(typeof o.offsetTop != ' | ||
+ | { | ||
+ | r.height = o.offsetHeight; | ||
+ | r.width = o.offsetWidth; | ||
+ | r.left = r.top = 0; | ||
+ | |||
+ | while (o) | ||
+ | { | ||
+ | r.top += parseInt( o.offsetTop ); | ||
+ | r.left += parseInt( o.offsetLeft ); | ||
+ | o = o.offsetParent; | ||
+ | } | ||
+ | } | ||
+ | return r; | ||
+ | } | ||
+ | |||
+ | function SetRect(e, | ||
+ | { | ||
+ | // | ||
+ | if(typeof e == ' | ||
+ | if (typeof e == ' | ||
+ | { | ||
+ | e.style.left=l+' | ||
+ | e.style.top=t+' | ||
+ | if (w>0) e.style.width=w+' | ||
+ | if (h>0) e.style.height=h+' | ||
+ | } else alert(' | ||
+ | } | ||
+ | |||
+ | function SetHeight(e, | ||
+ | { | ||
+ | if(typeof e == ' | ||
+ | if (typeof e == ' | ||
+ | { | ||
+ | e.style.height=v+' | ||
+ | } else alert(' | ||
+ | } | ||
+ | |||
+ | function SetWidth(e, | ||
+ | { | ||
+ | if(typeof e == ' | ||
+ | if (typeof e == ' | ||
+ | { | ||
+ | e.style.width=v+' | ||
+ | } else alert(' | ||
+ | } | ||
+ | </ | ||
+ | ==== AJAX ==== | ||
+ | < | ||
+ | var loading_html='< | ||
+ | |||
+ | function setInnerText(divID, | ||
+ | { | ||
+ | if (divID) | ||
+ | { | ||
+ | var el = (document.getElementById) ? document.getElementById(divID) : document.all[divID]; | ||
+ | if(el) { el.innerHTML = text; }else alert(' | ||
+ | } | ||
+ | } | ||
+ | |||
+ | // create Object | ||
+ | function GetHttpRequest() | ||
+ | { | ||
+ | if (window.XMLHttpRequest) | ||
+ | return new XMLHttpRequest();// | ||
+ | else if (window.ActiveXObject) | ||
+ | { | ||
+ | try | ||
+ | { | ||
+ | return new ActiveXObject(' | ||
+ | } catch (e) | ||
+ | { | ||
+ | try | ||
+ | { | ||
+ | return new ActiveXObject(' | ||
+ | } catch (e) {} | ||
+ | } | ||
+ | }else | ||
+ | { | ||
+ | alert(" | ||
+ | } | ||
+ | return null; | ||
+ | } | ||
+ | |||
+ | function request_get(xmlHttp, | ||
+ | { | ||
+ | if(xmlHttp) | ||
+ | { | ||
+ | xmlHttp.open(" | ||
+ | xmlHttp.send(null); | ||
+ | }else alert(' | ||
+ | } | ||
+ | function request_post(xmlHttp, | ||
+ | { | ||
+ | if(xmlHttp) | ||
+ | { | ||
+ | xmlHttp.open(" | ||
+ | |||
+ | //Send the proper header information along with the request | ||
+ | xmlHttp.setRequestHeader(" | ||
+ | xmlHttp.setRequestHeader(" | ||
+ | xmlHttp.setRequestHeader(" | ||
+ | xmlHttp.send(params); | ||
+ | }else alert(' | ||
+ | } | ||
+ | |||
+ | function ajax_request(divID, | ||
+ | { | ||
+ | var xmlHttp = GetHttpRequest(); | ||
+ | if (xmlHttp) | ||
+ | { | ||
+ | if(callback == undefined) //if callback defined no loading-image | ||
+ | setInnerText(divID, | ||
+ | xmlHttp.onreadystatechange = function() | ||
+ | { | ||
+ | if(xmlHttp.readyState == 4) | ||
+ | { | ||
+ | if(callback != undefined && typeof callback == ' | ||
+ | callback(divID, | ||
+ | else | ||
+ | setInnerText(divID, | ||
+ | } | ||
+ | } | ||
+ | request_post(xmlHttp, | ||
+ | } | ||
+ | return false; | ||
+ | } | ||
+ | </ | ||
+ | |||
+ | ==== json-parsing ==== | ||
+ | < | ||
+ | function applyState(div, | ||
+ | { | ||
+ | if(data) { | ||
+ | try { | ||
+ | obj = JSON.parse(data); | ||
+ | } catch(e) { | ||
+ | alert(e); | ||
+ | } | ||
+ | } | ||
+ | if (obj) | ||
+ | { | ||
+ | console.log(obj); | ||
+ | if (obj.hasOwnProperty(' | ||
+ | { | ||
+ | for (var key in obj.checks) { | ||
+ | console.log(key + " -> " + obj.checks[key].state); | ||
+ | } | ||
+ | } | ||
+ | if (obj.hasOwnProperty(' | ||
+ | { | ||
+ | for (var key in obj.trails) { | ||
+ | console.log(key + " -> " + obj.trails[key].working); | ||
+ | } | ||
+ | } | ||
+ | } | ||
+ | setInnerText(div, | ||
+ | } | ||
+ | </ | ||
+ | |||
+ | ==== ein/ | ||
+ | < | ||
+ | function ShowDivTag(e, | ||
+ | { | ||
+ | if (e) | ||
+ | { | ||
+ | if (show==' | ||
+ | if (show) | ||
+ | e.style.display=''; | ||
+ | else | ||
+ | e.style.display=' | ||
+ | } | ||
+ | } | ||
+ | |||
+ | function ShowDiv(id, | ||
+ | { | ||
+ | var e=document.getElementById (id); | ||
+ | ShowDivTag(e, | ||
+ | } | ||
+ | </ | ||
+ | ==== Radiobutton/ | ||
+ | < | ||
+ | function GetRadioValue(radioname) | ||
+ | { | ||
+ | // | ||
+ | if (radioname) | ||
+ | { | ||
+ | if(radioname.length==undefined)// | ||
+ | { | ||
+ | if(radioname.checked==true) | ||
+ | return radioname.value; | ||
+ | }else | ||
+ | { | ||
+ | for(var i=0; i< | ||
+ | { | ||
+ | if(radioname[i].checked == true) | ||
+ | return radioname[i].value; | ||
+ | } | ||
+ | } | ||
+ | }else alert(' | ||
+ | | ||
+ | return -1;//if nothing found | ||
+ | } | ||
+ | |||
+ | function SetRadioValue(radioname, | ||
+ | { | ||
+ | // | ||
+ | if (radioname) | ||
+ | { | ||
+ | if(radioname.length==undefined)// | ||
+ | { | ||
+ | if(radioname.value==val) | ||
+ | { | ||
+ | radioname.checked=true; | ||
+ | return true; | ||
+ | } | ||
+ | }else | ||
+ | { | ||
+ | for(var i=0; i< | ||
+ | { | ||
+ | if(radioname[i].value==val) | ||
+ | { | ||
+ | radioname[i].checked=true; | ||
+ | return true; | ||
+ | } | ||
+ | } | ||
+ | } | ||
+ | }else alert(' | ||
+ | | ||
+ | return false;//if nothing found | ||
+ | } | ||
+ | |||
+ | function GetCheckboxValues(chk_name, | ||
+ | { | ||
+ | //var s=GetCheckboxValues(' | ||
+ | var sOut = ""; | ||
+ | if (!sep) sep=','; | ||
+ | var cb = document.getElementsByName(chk_name); | ||
+ | if (cb!=null) | ||
+ | { | ||
+ | for(var i=0; | ||
+ | { | ||
+ | if (cb[i].checked==true) | ||
+ | { | ||
+ | if (sOut!="" | ||
+ | sOut += cb[i].value; | ||
+ | } | ||
+ | } | ||
+ | } | ||
+ | return sOut; | ||
+ | } | ||
+ | </ | ||
+ | ==== Class-Manipulation (css) ==== | ||
+ | < | ||
+ | function addClass (element, className) { | ||
+ | if (!hasClass(element, | ||
+ | if (element.className) { | ||
+ | element.className += " " + className; | ||
+ | } else { | ||
+ | element.className = className; | ||
+ | } | ||
+ | } | ||
+ | } | ||
+ | |||
+ | function removeClass (element, className) { | ||
+ | var regexp = addClass[className]; | ||
+ | if (!regexp) { | ||
+ | regexp = addClass[className] = new RegExp(" | ||
+ | } | ||
+ | element.className = element.className.replace(regexp, | ||
+ | } | ||
+ | |||
+ | function hasClass (element, className) { | ||
+ | var regexp = addClass[className]; | ||
+ | if (!regexp) { | ||
+ | regexp = addClass[className] = new RegExp(" | ||
+ | } | ||
+ | return regexp.test(element.className); | ||
+ | } | ||
+ | |||
+ | function toggleClass (element, className) { | ||
+ | if (hasClass(element, | ||
+ | removeClass(element, | ||
+ | } else { | ||
+ | addClass(element, | ||
+ | } | ||
+ | } | ||
+ | </ | ||
+ | |||
+ | ==== Zufallsfarbe ==== | ||
+ | < | ||
+ | function get_random_color() | ||
+ | { | ||
+ | return '#' | ||
+ | } | ||
+ | |||
+ | function randomColor() | ||
+ | { | ||
+ | | ||
+ | |||
+ | | ||
+ | } | ||
+ | </ | ||
+ | |||
+ | ==== Elemente hinzufügen ==== | ||
+ | < | ||
+ | function myclick(e){alert(' | ||
+ | |||
+ | function createnode() | ||
+ | { | ||
+ | var e=document.getElementById(' | ||
+ | if (e) | ||
+ | { | ||
+ | var node=document.createElement(" | ||
+ | node.style.height=' | ||
+ | node.style.width=' | ||
+ | node.style.border = "1px solid # | ||
+ | node.style.display = " | ||
+ | node.style.backgroundColor=randomColor(); | ||
+ | node.title=' | ||
+ | e.appendChild(node); | ||
+ | //second node, an img | ||
+ | var node2=document.createElement(" | ||
+ | node2.id=' | ||
+ | if (Math.random()*2 > 1) | ||
+ | { | ||
+ | node2.src=' | ||
+ | }else{ | ||
+ | node2.src=' | ||
+ | } | ||
+ | node2.setAttribute(' | ||
+ | e.appendChild(node2); | ||
+ | } | ||
+ | } | ||
+ | </ | ||
+ | |||
+ | <code html> | ||
+ | <button onclick=" | ||
+ | <button onclick=" | ||
+ | <div id=" | ||
+ | </ |