To Do List

Diese To Do List von unserem User vareside können deine Besucher ganz einfach selbst nutzen, indem sie ihre eigenen Termine oder Vorhaben in diese Liste eintragen. Nur der Besucher, der es eingetragen hat, kann es später erneut lesen, da ein Cookie auf seinem PC gespeichert worden ist, der die passenden Daten enthält. Dies funktioniert aber nur dann, wenn der Nutzer die Cookies nicht gelöscht hat. Ebenso wie der Besucher Aktionen hinzufügen kann, kann er diese auch wieder löschen. Das ist ganz einfach jedoch nicht gerade kurz, auch wenn es später nach viel weniger aussieht. Die Texte wie Löschen, Bearbeiten, Aktion hinzufügen etc lassen sich im Script von Hand ändern.

<!-- präsentiert von kostenlose-javascripts.de --> <script type='text/javascript'> <!-- var expDays = 30; var exp = new Date(); exp.setTime(exp.getTime() + (expDays*24*60*60*1000)); var ShowCount = 0; var SwapColour; function ListToDoItems() { var NumToDoItems = GetCookie('PT_NumToDoList'); var i; var ToDoItem; if (NumToDoItems == null) { NumToDoItems = 0; } ShowCount = 0; SwapColour = 0; document.write("<table cellpadding='2' cellspacing='0' border='0'>"); for (i=1; i <= NumToDoItems; i++) { ToDoItem = GetCookie('PT_ToDoItem'+i); if (ToDoItem != null) { PrintItem(ToDoItem, i); } } document.write("</table>"); } function DeleteItem(Count) { DeleteCookie('PT_ToDoItem'+Count); window.location = window.location; } function PrintItem (ToDoItem, Count) { var color = ""; SwapColour = 1 - SwapColour; if (SwapColour==1) {color = "bgcolor='#EEEEEE'"} ; ShowCount++; document.write("<tr " + color + ">"); document.write("<td width='10%' valign='top'><strong>"+ShowCount + ".</strong> "); document.write("<td width='60%' align='left'> "+ToDoItem); document.write("<td width='15%'> <a href='javascript:EditItem(" + ShowCount + "," + Count + ")'>Bearbeiten</a>"); document.write("<td width='15%'> <a href='javascript:DeleteItem(" + Count + ")'>Löschen</a>"); document.write("</tr>"); } function AddItem() { var NumToDoItems = GetCookie('PT_NumToDoList'); var i; var ToDoItem; if (NumToDoItems == null) { NumToDoItems = 0; } ToDoItem = prompt("neue Aktion einfuegen"); if ((ToDoItem != null) && (ToDoItem != "undefined" )) { NumToDoItems++; SetCookie('PT_ToDoItem'+NumToDoItems, ToDoItem, exp); SetCookie('PT_NumToDoList',NumToDoItems, exp); window.location = window.location; } } function EditItem(Display,Count) { var i; var ToDoItem = GetCookie('PT_ToDoItem'+Count); var ToDoItem2; ToDoItem2 = prompt("Aktion editieren #"+Display, ToDoItem); if ((ToDoItem2 != null) && (ToDoItem2 != "undefined" )) { SetCookie('PT_ToDoItem'+Count, ToDoItem2, exp); window.location = window.location; } } function set(){ VisitorName = prompt("Wer bist du?"); SetCookie ('VisitorName', VisitorName, exp); SetCookie ('WWHCount', 0, exp); SetCookie ('WWhenH', 0, exp); } function getCookieVal (offset) { var endstr = document.cookie.indexOf (";", offset); if (endstr == -1) endstr = document.cookie.length; return unescape(document.cookie.substring(offset, endstr)); } function GetCookie (name) { var arg = name + "="; var alen = arg.length; var clen = document.cookie.length; var i = 0; while (i < clen) { var j = i + alen; if (document.cookie.substring(i, j) == arg) return getCookieVal (j); i = document.cookie.indexOf(" ", i) + 1; if (i == 0) break; } return null; } function SetCookie (name, value) { var argv = SetCookie.arguments; var argc = SetCookie.arguments.length; var expires = (argc > 2) ? argv[2] : null; var path = (argc > 3) ? argv[3] : null; var domain = (argc > 4) ? argv[4] : null; var secure = (argc > 5) ? argv[5] : false; document.cookie = name + "=" + escape (value) + ((expires == null) ? "" : ("; expires=" + expires.toGMTString())) + ((path == null) ? "" : ("; path=" + path)) + ((domain == null) ? "" : ("; domain=" + domain)) + ((secure == true) ? "; secure" : ""); } function DeleteCookie (name) { var exp = new Date(); exp.setTime (exp.getTime() - 1); var cval = GetCookie (name); document.cookie = name + "=" + cval + "; expires=" + exp.toGMTString(); } document.write('<p><a href="javascript:AddItem()">Aktion hinzufügen</a></p>'); //--> </script> <br /> JavaScript von <a href="http://www.kostenlose-javascripts.de/javascripts/verschiedenes/to-do-list/" target="_blank">kostenlose-javascripts.de</a> <br /> <script type="text/javascript">ListToDoItems();</script> <!-- präsentiert von kostenlose-javascripts.de -->