Auf Thema antworten 2026

Beitrag

<blockquote data-quote="Schippo" data-source="post: 2533382" data-attributes="member: 707412">sorry, ich werde es künftig berücksichtigen.hier der korrekte code:[html]&lt;html&gt;&lt;head&gt;&lt;title&gt;&lt;/title&gt;&lt;meta http-equiv=&quot;content-type&quot; content=&quot;text/html; charset=iso-8859-1&quot;&gt;&lt;style type=&quot;text/css&quot;&gt;&nbsp; &lt;!--* { margin: 0 auto; padding: 0;}body{ padding: 24px;}#dragBereich{&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; width: 880px;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; height: 500px;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; border: none&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; background: #272727;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; position: relative;}#id_0{&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; float: left;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; width: 68px;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; height:180px;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; margin-left: 20px;}//--&gt;&lt;/style&gt;&lt;script type=&quot;text/javascript&quot;&gt;&nbsp; &lt;!--// IDs der verschiebbaren IDs eintragenvar arrDragIDs = new Array(&quot;id_0&quot;);function Drag(strID){&nbsp; &nbsp; this.strDragClassName = &quot;drag-el&quot;;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp; // Klassenname für Drag-Elemente&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp; // Alle Elemente, die damit ausgezeichnet sind, werden&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp; // als Drag-Elemente erkannt (z.B. class=&quot;class1 drag-el&quot;&nbsp; &nbsp; this.id = strID;&nbsp; this.dragElem = document.getElementById(this.id);&nbsp; &nbsp; this.intMouseX, this.intMouseY;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; // Koordinaten des Cursors&nbsp; this.intOffsetX, this.intOffsetY;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; // Offset im Drag-Objekt&nbsp; this.intStartX, this.intStartY;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; // Startkoordinaten zur Grössenberechnung (Skalierung)&nbsp; this.intStartWidth, this.intStartHeight;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp; // Startgrösse des Skalierobjektes&nbsp; this.intMinScale = 10;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp; // Minimale Skaliergrösse&nbsp; this.blnStrg = false;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; // Variable zum Testen, ob Strg gedrückt gehalten wird&nbsp; this.arrDragElems = new Array();&nbsp; // Dragobjekt&nbsp; this.m_objDrag = null;&nbsp; // Overobjekt&nbsp; this.m_objOver = null;&nbsp; // Closure-Variable&nbsp; objThis = this;&nbsp; this.getEvent = function(objEvt){&nbsp; &nbsp; &nbsp; return (window.event)? window.event : objEvt;&nbsp; // Passendes Event-Objekt zurückgeben&nbsp; }&nbsp; this.mousePos = function(objEvt){&nbsp; &nbsp; &nbsp; if(window.event){&nbsp; &nbsp; &nbsp; &nbsp; //objThis.intMouseX = window.event.clientX;&nbsp; &nbsp; &nbsp; objThis.intMouseX = objThis.getEvent(objEvt).clientX;&nbsp; &nbsp; &nbsp; &nbsp; objThis.intMouseY = objThis.getEvent(objEvt).clientY;&nbsp; &nbsp; &nbsp; }else{&nbsp; &nbsp; &nbsp; &nbsp; objThis.intMouseX = objThis.getEvent(objEvt).pageX;&nbsp; &nbsp; &nbsp; &nbsp; objThis.intMouseY = objThis.getEvent(objEvt).pageY;&nbsp; &nbsp; &nbsp; }&nbsp; &nbsp; &nbsp; //document.getElementById(&quot;outID1&quot;).innerHTML = &quot;Mouse: &quot; + objThis.intMouseX + &quot;, &quot; + objThis.intMouseY;&nbsp; &nbsp; &nbsp; // Falls ein Dragobjekt existiert&nbsp; &nbsp; &nbsp; if(objThis.m_objDrag != null){&nbsp; &nbsp; &nbsp; &nbsp; // Falls nicht die Strg-Taste gedrückt wird&nbsp; &nbsp; &nbsp; if(!objThis.blnStrg){&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; // Koordinaten der linken oberen Ecke&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; var intX = (objThis.intMouseX - objThis.intOffsetX);&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; var intY = (objThis.intMouseY - objThis.intOffsetY);&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; // Falls das Drag-Objekt nach links hinausgeschoben wird&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; if(intX &lt; 0){&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; objThis.m_objDrag.style.left = 0+&quot;px&quot;;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; // Falls das Drag-Objekt nach rechts hinausgeschoben wird&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; }else if(intX &gt; (objThis.dragElem.offsetWidth - objThis.m_objDrag.offsetWidth)){&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; objThis.m_objDrag.style.left = (objThis.dragElem.offsetWidth - objThis.m_objDrag.offsetWidth) + &quot;px&quot;;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; // sonst&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; }else{&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; objThis.m_objDrag.style.left = intX + &quot;px&quot;;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; }&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; // Falls das Drag-Objekt nach oben hinausgeschoben wird&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; if(intY &lt; 0){&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; objThis.m_objDrag.style.top = 0+&quot;px&quot;;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; // Falls das Drag-Objekt nach unten hinausgeschoben wird&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; }else if(intY &gt; objThis.dragElem.offsetHeight - objThis.m_objDrag.offsetHeight){&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; objThis.m_objDrag.style.top = (objThis.dragElem.offsetHeight - objThis.m_objDrag.offsetHeight) + &quot;px&quot;;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; // sonst&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; }else{&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; objThis.m_objDrag.style.top = intY + &quot;px&quot;;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; }&nbsp; &nbsp; &nbsp; // Falls die Strg-Taste gedrückt wird&nbsp; &nbsp; &nbsp; }else{&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; objThis.m_objDrag.style.cursor = &quot;se-resize&quot;;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; // Aktuelle Grössenänderung berechnen&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; var intHelpX = objThis.intMouseX - objThis.intStartX;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; var intHelpY = objThis.intMouseY - objThis.intStartY;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; //document.getElementById(&quot;outID2&quot;).innerHTML = &quot;new width, new height: &quot; + (objThis.intStartWidth+intHelpX) + &quot;, &quot; + (objThis.intStartHeight+intHelpY);&nbsp; &nbsp; &nbsp; &nbsp; objThis.m_objDrag.style.width = (((objThis.intStartWidth+intHelpX)&lt;objThis.intMinScale)? objThis.intMinScale : (objThis.intStartWidth+intHelpX)) + &quot;px&quot;;&nbsp; &nbsp; &nbsp; &nbsp; objThis.m_objDrag.style.height = (((objThis.intStartHeight+intHelpY)&lt;objThis.intMinScale)? objThis.intMinScale : (objThis.intStartHeight+intHelpY)) + &quot;px&quot;;&nbsp; &nbsp; &nbsp; }&nbsp; // ENDE - if(!objThis.blnStrg)&nbsp; &nbsp; &nbsp; }&nbsp; // ENDE - if(objThis.m_objDrag != null)&nbsp; }&nbsp; this.startDrag = function(objEvt){&nbsp; &nbsp; &nbsp; var objSrc = (window.event)? ((window.opera)?window.event.target:window.event.srcElement) : (objEvt.target);&nbsp; &nbsp; // Startpositionen speichern&nbsp; &nbsp; objThis.intStartX = objThis.intMouseX;&nbsp; &nbsp; objThis.intStartY = objThis.intMouseY;&nbsp; &nbsp; // Startgrösse speichern&nbsp; &nbsp; objThis.intStartWidth&nbsp; = objSrc.offsetWidth;&nbsp; &nbsp; objThis.intStartHeight = objSrc.offsetHeight;&nbsp; &nbsp; &nbsp; // Offsets zur linken oberen Ecke bstimmen&nbsp; &nbsp; &nbsp; objThis.intOffsetX = objThis.intMouseX - objSrc.offsetLeft;&nbsp; &nbsp; &nbsp; objThis.intOffsetY = objThis.intMouseY - objSrc.offsetTop;&nbsp; &nbsp; &nbsp; // Globales Dragobjekt&nbsp; &nbsp; &nbsp; objThis.m_objDrag = objSrc;&nbsp; }&nbsp; this.stopDrag = function(){&nbsp; &nbsp; &nbsp; if(objThis.m_objDrag == null) return;&nbsp; &nbsp; &nbsp; // Cookie mit ID des Drag-Objektes als Name und die zugehörigen Positionswerte schreiben&nbsp; &nbsp; &nbsp; Cookie.setCookie(objThis.m_objDrag.id, parseInt(objThis.m_objDrag.style.top)+&quot;###&quot;+parseInt(objThis.m_objDrag.style.left)+&quot;###&quot;+parseInt(objThis.m_objDrag.style.width)+&quot;###&quot;+parseInt(objThis.m_objDrag.style.height), (1000*60*60*24*365));&nbsp; &nbsp; // Cursor zurücksetzen&nbsp; &nbsp; objThis.m_objDrag.style.cursor = &quot;default&quot;;&nbsp; &nbsp; &nbsp; // Drag-Objekt zerstören&nbsp; &nbsp; &nbsp; objThis.m_objDrag = null;&nbsp; }&nbsp; // Funktion zum Setzen des Resize-Cursors&nbsp; this.setCursor = function(objCursor){&nbsp; &nbsp; &nbsp; // Falls die Strg-Taste gedrückt gehalten wird&nbsp; &nbsp; &nbsp; if(objThis.blnStrg){&nbsp; &nbsp; &nbsp; objCursor.style.cursor = &quot;se-resize&quot;;&nbsp; &nbsp; }&nbsp; &nbsp; // Over-Objekt speichern&nbsp; &nbsp; objThis.m_objOver = objCursor;&nbsp; }&nbsp; // Funktion für MouseOut-Event&nbsp; this.clearCursor = function(objCursor){&nbsp; &nbsp; &nbsp; // Cursor zurücksetzen&nbsp; &nbsp; &nbsp; &nbsp; objCursor.style.cursor = &quot;default&quot;;&nbsp; &nbsp; // Over-Objekt zurücksetzen&nbsp; &nbsp; objThis.m_objOver = null;&nbsp; }&nbsp; this.checkStrg = function(objEvt){&nbsp; &nbsp; &nbsp; objEvt = (window.event)? window.event : objEvt;&nbsp; &nbsp; var intKeyCode = (objEvt.keyCode)? objEvt.keyCode : objEvt.which;&nbsp; &nbsp; if(intKeyCode == 17){&nbsp; &nbsp; &nbsp; &nbsp; objThis.blnStrg = true;&nbsp; &nbsp; &nbsp; // Falls sich der Cursor bereits über einem Dragobjekt befindet (d.h. es existiert ein Over-Objekt)&nbsp; &nbsp; &nbsp; if(objThis.m_objOver != null)&nbsp; &nbsp; &nbsp; &nbsp; objThis.setCursor(objThis.m_objOver);&nbsp; &nbsp; }&nbsp; }&nbsp; this.releaseStrg = function(objEvt){&nbsp; &nbsp; &nbsp; objEvt = (window.event)? window.event : objEvt;&nbsp; &nbsp; var intKeyCode = (objEvt.keyCode)? objEvt.keyCode : objEvt.which;&nbsp; &nbsp; if(intKeyCode == 17){&nbsp; &nbsp; &nbsp; &nbsp; objThis.blnStrg = false;&nbsp; &nbsp; &nbsp; // Falls sich der Cursor bereits über einem Dragobjekt befindet&nbsp; &nbsp; &nbsp; if(objThis.m_objOver != null)&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; objThis.m_objOver.style.cursor = &quot;default&quot;;&nbsp; &nbsp; }&nbsp; }&nbsp; &nbsp; this.getElementsByClassName = function(strClassName){&nbsp; &nbsp; &nbsp; var arrHelp = new Array();&nbsp; &nbsp; &nbsp; // Suchpattern&nbsp; &nbsp; &nbsp; var strPattern = eval(&quot;/&quot;+strClassName+&quot;/&quot;);&nbsp; &nbsp; &nbsp; // Alle Elemente über Wildcard ermitteln&nbsp; &nbsp; &nbsp; var arrTags = (navigator.userAgent.toLowerCase().indexOf(&quot;msie&quot;) != -1) ? document.all : document.getElementsByTagName(&#039;*&#039;);&nbsp; &nbsp; &nbsp; // Alle Elemente durchlaufen&nbsp; &nbsp; &nbsp; for(var varEntry in arrTags){&nbsp; &nbsp; &nbsp; &nbsp; // Falls eine Klasse existiert UND dem Suchkriterium entspricht&nbsp; &nbsp; &nbsp; &nbsp; if((arrTags[varEntry].className) &amp;&amp; (arrTags[varEntry].className.match(strPattern))){&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; // In Klassenarray schreiben&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; //objThis.arrDragElems[objThis.arrDragElems.length] = arrTags[varEntry];&nbsp; &nbsp; &nbsp; &nbsp; arrHelp[arrHelp.length] = arrTags[varEntry];&nbsp; &nbsp; &nbsp; &nbsp; }&nbsp; &nbsp; &nbsp; }&nbsp; &nbsp; &nbsp; return arrHelp;&nbsp; &nbsp; }&nbsp; // Drag-Elemente initialisieren (d.h. die notwendigen Event-Handler zufügen)&nbsp; this.init = function(){&nbsp; &nbsp; &nbsp; // Array der Drag-Elemente anhand einer eindeutigen Klasse ermitteln&nbsp; &nbsp; &nbsp; objThis.arrDragElems = objThis.getElementsByClassName(objThis.strDragClassName);&nbsp; &nbsp; // Alle Drag-Elemente durchlaufen und die erforderlichen Eventhandler zuweisen&nbsp; &nbsp; for(var i=0; i&lt;objThis.arrDragElems.length; i++){&nbsp; &nbsp; &nbsp; &nbsp; //objThis.arrDragElems[i].onmousedown = function(event){ objThis.startDrag(event);};&nbsp; &nbsp; &nbsp; objThis.arrDragElems[i].onmousedown = objThis.startDrag;&nbsp; &nbsp; &nbsp; objThis.arrDragElems[i].onmouseup&nbsp;&nbsp; = objThis.stopDrag;&nbsp; &nbsp; &nbsp; objThis.arrDragElems[i].onmouseover = function(){objThis.setCursor(this);};&nbsp; &nbsp; &nbsp; objThis.arrDragElems[i].onmouseout&nbsp; = function(){objThis.clearCursor(this);};&nbsp; &nbsp; }&nbsp; }&nbsp; this.init();&nbsp; // ++++++ TESTFUNKTIONEN ++++++&nbsp; this.testFunc = function(){&nbsp; &nbsp; &nbsp; if(this.blnStrg)&nbsp; &nbsp; &nbsp; &nbsp; alert(&quot;Mit Steuerung&quot;);&nbsp; &nbsp; else&nbsp; &nbsp; &nbsp; &nbsp; alert(&quot;Ohne Steuerung&quot;);&nbsp; }}window.onload = function(){&nbsp; &nbsp; objDrag = new Drag(&quot;dragBereich&quot;);&nbsp; // Neues Drag-/Resizeobjekt mit der ID des Bereichs erstellen&nbsp; document.onmousemove = objDrag.mousePos;&nbsp; document.onmouseup = objDrag.stopDrag;&nbsp; document.onkeydown = objDrag.checkStrg;&nbsp; document.onkeyup&nbsp;&nbsp; = objDrag.releaseStrg;&nbsp; &nbsp; // Falls Cookies erlaubt sind&nbsp; &nbsp; if(Cookie.checkCookie() != false){&nbsp; &nbsp; &nbsp; // Array mit den IDs für die DragElemente durchlaufen&nbsp; &nbsp; &nbsp; for(var i=0; i&lt;arrDragIDs.length; i++){&nbsp; &nbsp; &nbsp; &nbsp; // Cookie zu ID auslesen&nbsp; &nbsp; &nbsp; &nbsp; var strCookie = Cookie.getCookie(arrDragIDs[i]);&nbsp; &nbsp; &nbsp; // Falls ein Cookie zur ID existiert -&gt; Element positionieren&nbsp; &nbsp; &nbsp; &nbsp; if(strCookie != null){&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; var arrHelp = strCookie.split(&quot;###&quot;);&nbsp; &nbsp; &nbsp; &nbsp; if(document.getElementById(arrDragIDs[i])){&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; document.getElementById(arrDragIDs[i]).style.top&nbsp; &nbsp; = arrHelp[0] + &quot;px&quot;;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; document.getElementById(arrDragIDs[i]).style.left&nbsp;&nbsp; = arrHelp[1] + &quot;px&quot;;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; document.getElementById(arrDragIDs[i]).style.width&nbsp; = arrHelp[2] + &quot;px&quot;;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; document.getElementById(arrDragIDs[i]).style.height = arrHelp[3] + &quot;px&quot;;&nbsp; &nbsp; &nbsp; &nbsp; }&nbsp; &nbsp; &nbsp; }&nbsp; &nbsp; }&nbsp; }}var Cookie = {/* *********************** Funktion zum Setzen eines Cookies *************************** ** Parameter:&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; ** strName&nbsp; &nbsp;&nbsp; - Bezeichnung für die Cookievariable&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; ** varWert&nbsp; &nbsp;&nbsp; - Wert, welcher der Cookievariablen zugewiesen werden soll&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; ** longExpires - Gültigkeitsdauer des Cookies in Millisekunden&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp; ** strDomain&nbsp;&nbsp; - optional, zugehörige Domain&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp; ** strPath&nbsp; &nbsp;&nbsp; - optional, zugehöriger Pfad&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; ** boolSecure&nbsp; - optional, Sicherheitsrichtlinien für den Cookie aktivieren (true/false) ** ************************************************************************************* */&nbsp; &nbsp;&nbsp; setCookie: function(strName, varWert, longExpires, strDomain, strPath, boolSecure){&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; // Datumsobjekt mit aktuellen Werten anlegen&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; var dateExpires = new Date();&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; // Zeitpunkt der Ungültigkeit des Cookies berechnen&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; dateExpires = new Date(dateExpires.getTime() + longExpires);&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; // In gültiges Datum umwandeln&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; dateExpires.setTime(dateExpires);&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; // Datum in GMT-String umwandeln&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; dateExpires = dateExpires.toGMTString();&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; // Cookie-Variable anlegen&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; var strCookie = strName + &quot;=&quot; + unescape(varWert);&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; strCookie += (strDomain)&nbsp;&nbsp; ? &quot;; domain=&quot; + strDomain&nbsp; &nbsp; &nbsp; : &quot;&quot;;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; strCookie += (longExpires) ? &quot;; expires=&quot; + dateExpires&nbsp;&nbsp; : &quot;&quot;;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; strCookie += (strPath)&nbsp; &nbsp;&nbsp; ? &quot;; path=&quot; + strPath&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; : &quot;&quot;;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; strCookie += (boolSecure)&nbsp; ? &quot;; secure&quot;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp; : &quot;&quot;;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; document.cookie = strCookie;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; },/* ******************* Löschen eines Cookies ******************** ** Parameter:&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp; ** strName&nbsp;&nbsp; - Name der Cookievariablen, die gelöscht werden soll ** strDomain - optional; zugehörige Domain&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; ** strPfad&nbsp;&nbsp; - optional; zugehöriger Pfad&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp; ** ************************************************************** */&nbsp; &nbsp;&nbsp; eraseCookie: function(strName, strDomain, strPath){&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; // Datumsobjekt instanziieren, das in der Vergangenheit liegt (01.01.1970, 00:00:01 Uhr)&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; var dateExpires = new Date(1970, 0, 1, 0, 0, 1);&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; // Datum in GMT-String umwandeln&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; dateExpires = dateExpires.toGMTString();&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; // Cookie ein Datum in der Vergangenheit zuweisen&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; var strCookie = strName + &quot;=; expires=&quot;+dateExpires;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; strCookie += (strDomain) ? &quot;; domain=&quot; + strDomain : &quot;&quot;;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; strCookie += (strPath)&nbsp;&nbsp; ? &quot;; path=&quot; + strPath&nbsp; &nbsp;&nbsp; : &quot;&quot;;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; document.cookie = strCookie;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; },/* ********************* Cookie auslesen *********************************** ** Der Wert zur Variablen strName wird zurückgegeben&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp; ** Parameter: strName - Name der Variablen, deren Wert ermittelt werden soll ** ************************************************************************* */&nbsp; getCookie: function(strName){&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp; var i = 0&nbsp; //Suchposition im Cookie&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; var strSuche = strName + &quot;=&quot;;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; // Solange das Ende des CookieStrings noch nicht erreicht wurde&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; while(i &lt; document.cookie.length){&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; // Falls der Name des Cookies gefunden wurde&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; if (document.cookie.substring(i, i+strSuche.length) == strSuche){&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; // Suche nach dem ersten Semikolon ab dem Auftreten des Cookie-Namens&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; var intEnde = document.cookie.indexOf(&quot;;&quot;, i+strSuche.length);&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; // Stringlänge des Cookie-Wertes ermitteln&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; intEnde = (intEnde &gt; -1) ? intEnde : document.cookie.length;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; // Cookie-Wert auslesen&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; var strCookie = document.cookie.substring(i+strSuche.length, intEnde);&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; // Zeichen aus der URL-Schreibweise wieder zurückwandeln und zurückgeben&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; return unescape(strCookie);&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; }&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; // Position im Cookie-String inkrementieren&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; i++;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; }&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; return null;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; },/* ********************* Cookie auslesen *********************************** ** Die Funktion verwendet zum Ermitteln der Cookievarialben reluläre Aus-&nbsp; &nbsp; ** drücke.&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp; **&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp; ** Der Wert zur Variablen strName wird zurückgegeben&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp; ** Parameter: strName - Name der Variablen, deren Wert ermittelt werden soll ** ************************************************************************* */&nbsp; &nbsp;&nbsp; getCookie_: function(strName){&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp; var strCookie&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; var strValue = false;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; // Falls Cookies unterstützt werden&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; if(strCookie = document.cookie){&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; // Falls ein Cookie gefunden wird&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; // Im RegExp wird jedes Zeichen übernommen, das KEIN Semikolon ist&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; // RegExp wird mit zwei Parametern aufgerufen - der zweite bedeutet GLOBALE Suche&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; // (mgl. wäre z.B. auch &#039;ig&#039;, global und ohne Beachtung von Gross-/Kleinschreibung)&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; if(strCookie.match( new RegExp(strName + &#039;=([^;]*)&#039;, &#039;g&#039;))){&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; strValue = RegExp.$1;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; return unescape(strValue);&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; }&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; }&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; return null;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; },/* ************* Testen, ob Browser Cookies zulässt *********************** ** Rückgabe: true, falls Unterstützung von Cookies, false sonst&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp; ** ************************************************************************ */&nbsp; &nbsp;&nbsp; checkCookie: function(){&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; // Versuch, einen Cookie zu setzen&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; this.setCookie(&quot;CookieTest&quot;, &quot;OK&quot;);&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; // Falls der Cookie nicht gesetzt werden konnte&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; if (!this.getCookie(&quot;CookieTest&quot;))&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; return false;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; else{&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; this.eraseCookie(&quot;CookieTest&quot;); // Cookie wieder löschen&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; return true;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; }&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; },&nbsp; // Falls Cookies nicht erlaubt sind//&nbsp; if(checkCookie() == false) alert(&quot;Keine Cookies unterstützt&quot;);&nbsp;&nbsp; isCookie: function(){&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; if(document.cookie)&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; document.getElementById(&quot;cookieID&quot;).firstChild.data = document.cookie;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; }}//--&gt;&lt;/script&gt;&lt;/head&gt;&lt;body&gt;&lt;div id=&quot;outID1&quot;&gt;&amp;nbsp;&lt;/div&gt;&lt;div id=&quot;outID2&quot;&gt;&amp;nbsp;&lt;/div&gt;&lt;div id=&quot;dragBereich&quot;&gt;&lt;img class=&quot;class1 drag-el&quot; id=&quot;id_0&quot; src=&quot;http://www.4-w&amp;auml;nde.de/hpfixseparat_blumenkerze_2.gif&quot;/&gt;&lt;/div&gt;&lt;/div&gt;&lt;/body&gt;&lt;/html&gt;[/html]</blockquote>

[QUOTE="Schippo, post: 2533382, member: 707412"] sorry, ich werde es künftig berücksichtigen. hier der korrekte code: [html]<html> <head> <title></title> <meta http-equiv="content-type" content="text/html; charset=iso-8859-1"> <style type="text/css">  </style> <script type="text/javascript">  </script> </head> <body> <div id="outID1"> </div> <div id="outID2"> </div> <div id="dragBereich"> <img class="class1 drag-el" id="id_0" src="http://www.4-wände.de/hpfixseparat_blumenkerze_2.gif"/></div> </div> </body> </html>[/html] [/QUOTE]

Bilder bitte hier hochladen und danach über das Bild-Icon (Direktlink vorher kopieren) platzieren.

Authentifizierung

Wenn ▲ = 5, ▼ = 2 und ■ = 7, was ist ▲ × ▼ + ■?