Guten Abend Wolfgang, ich habe mal dein Forum durchstöbert und bin auf etwas Tolles und Geniales gestoßen. Da machte es bei mir Boom, und ich sah eine gute und tolle Inspiration. Von deiner To-Do-Liste.
Halte mich nicht für verrückt, aber es kam so über mich, dass ich es gleich schreiben musste, ich dachte mir, dass das jeder nutzen kann und wenn er oder sie es im Forum zeigen möchte, was er noch vorhat oder zu erledigen hat und zeigen möchte, könnte er es tun.
Es war eine Idee von dir, dass ich dies gemacht habe, ich dachte mir das hat so keiner.
Na ja, ich habe jetzt noch versucht im Test-Forum was herumzubasteln, leider ohne Erfolg. Mit den Foren-Codes und BB-Codes, dass kann ich vergessen. In eigener Seite, na ja, da sind noch Fehler drinnen und das sieht schlecht aus. Habe da noch Probleme mit den CSS - Tags, das sieht fürchterlich aus.
Wer möchte, kann es ja in CodePen testen, mit einfügen und löschen. Also das Script funktioniert tatenlos, nur halt im Xobor - Forum bedauerlicherweise nicht.
Ich habe schon ein sehr schlechtes Gewissen wegen Wolfgang, weil er meinetwegen so viel Arbeit hat, dies alles umzusetzen.
Ich hatte ja gestern auf die Schnelle ein Script geschrieben, da waren viele Fehler drinnen und wenn man die Seite aktualisiert hatte, war alles weg. Es war sehr enttäuschend, ich muss mich entschuldigen, wenn man schnell etwas macht, macht man viele Fehler.
Ich habe jetzt seit gestern 23:00 Uhr bis jetzt daran gesessen und geschrieben. Wenn man jetzt etwas eingibt und die Seite aktualisiert, bleibt es drin.
Habe die HTML und CSS geändert, ist alles aktualisiert. Das Design hat sich geändert, ich finde es von meiner Seite sehr schön.
Ich hoffe, das es euch gefällt und Wolfgang, es war viel Arbeit. Wie gesagt für das Xobor - Forum muss es leider umgeschrieben werden, dass es sauber darauf läuft.
Hier noch eine kleine Bedienungsanleitung:
Bei ToDo-Eingabe den gewünschten Text eingeben und mit der Enter Taste wird der gewünschte Text gespeichert.
Man kann den gewünschten Text löschen, ist rechts mit den farblichen Symbolen ausgestattet.
Rot: Alle Todos entfernen Gelb: Alle abgeschlossenen Todos entfernen Grün: Alle Todos als abgeschlossen markieren Blau: Todo Liste öffnen
Leere To-do-Liste
Der Rest ist selbsterklärend. Ich hoffe, ihr habt Spaß damit.
Also es sieht schon besser aus, wie mit dem HTML, da waren die Forum-Balken im Vordergrund.
Wie gesagt, ich habe nur probiert, was mir noch aufgefallen ist, dass die Toolbar nicht rechts steht, sondern links.
Rot: Alle Todos entfernen Gelb: Alle abgeschlossenen Todos entfernen Grün: Alle Todos als abgeschlossen markieren Blau: Todo Liste öffnen
Wie gesagt, ich habe es nur versucht, und probiert. Das ist jetzt im Moment das Ergebnis. Dass ich nicht so gut bin wie Wolfgang, das weiß ich ja. Ich wollte es ja nur probieren.
Hallo Daishi, vorweg erstmal besten Dank für Deine Arbeit und Deine Idee!
Gedanken vorab:
Wenn man sich entscheidet eine ToDo-Liste im Forum einzubauen, muss man sich überlegen, wie präsent sie sein soll! Soll sie ständig zusehen sein oder nur per Button geöffnet werden?
Zum Skript:
Das Skript ist riesig, basiert auch auf "Bootstrap", wie das neue (V6). Leider müssen zusätzliche CSS-Styles und JavaScripte geladen werden, die einen großen Einfluss aufs Template haben ! Aber sonst genial und besonders! Die ToDo-Liste passt sich bestens der Seitengröße an und hat viele Funktionen!
Was habe ich geändert:
Ich denke, dass die ToDo-Liste nicht immer präsent sein muss, aber gut erreichbar! Die ToDo-Liste hat ein Öffnungs-Button bekommen, der auch fixiert werden kann!
Habe zum besseren Verständnis die Tooltipps und die Bezeichnung der Button angepasst.
Formatänderungen zur Anpassung ans Forum (erstmal fürs Business Template).
Die Bootstrap-Tooltipps für die Bezeichnung der Button funktionierte leider nicht in allen Browsern, habe sie auch "title" umgestellt!
Wenn alle Stricke reißen: Eine andere ToDo-Liste gibt es bereits als Plugin für alle Templates.
Auslöse-Button: Wird in der oberen Leiste platziert!
Zum Testen bitte anklicken!
Kann in die Kopfzeile kopiert werden!
Die CSS-Datei in Zeile 50 hat auch großen Einfluss auf das Template! Die Zeilen 29-49 biegen es wieder gerade!
In Zeile 148 steckt der Auslöse-Button. Ein Klick auf den Auslöse-Button öffnet die ToDo-Liste! Der Auslöse-Button ist fixiert, dass heist, das er beim Scrollen stehen bleibt und immer zu sehen ist!
Update: Neue To-do-Liste für Forum Aktualisiert 15.10.22
Hat man die ToDo-Liste zum ersten Mal vor Augen, fragt man sich wie fügt man jetzt die ToDo's ein? Sollen die ToDo in die Liste eingefügt werden, passiert das normalerweise über die Enter-Taste.
Was ist hinzugekommen?
Die ToDo-Liste hat jetzt einen extra "Einfüge-Button" bekommen, für die ToDo's zum Einfügen und zum Bearbeiten!
Die Bootstrap-Tooltipps funktionieren jetzt auch, sie wurden durch ein nicht angepassten "z-index" unter die Liste geschoben! Zusätzlich kann auch ein "jQueryUI-Script" die Tooltipps unterdrücken!
Kleine Formatierungen im Aussehen, auch fürs Black-Design!
Neu! Text-Area für mehr ToDo-Text (Bild 3)!
An dieser Stelle nochmal besten Dank an Creator für die Unterstützung!
Auslöse-Button: Wird in der oberen Leiste platziert!
Zum Testen bitte anklicken!
Kann in die Kopfzeile kopiert werden!
Die CSS-Datei in Zeile 91 hat auch großen Einfluss auf das Template! Die Zeilen 62-87 biegen es wieder gerade!
In Zeile 194 steckt der Auslöse-Button. Ein Klick auf den Auslöse-Button öffnet die ToDo-Liste! Der Auslöse-Button ist fixiert, dass heist, das er beim Scrollen stehen bleibt und immer zu sehen ist!
Benötigt man mehr Platz für die ToDo-Texte, ist eine Text-Area erforderlich! Dazu Zeile 109, 173 und 191 freigeben und Zeile 108, 172 und 190 sperren oder löschen!