TCalc-Web-App ( Tabellenkalkulation per Web ) "TCalc"-Web-App

Projekt-Kurzfassung self made "TCalc"-Entwicklung

Zur Office-Software gehören z.B. Textverarbeitung (Tools und Textbausteine), Tabellenkalkulation, Projektmanagement-Software, Adressen und Telefonnummern und Kontakte verwalten, ToDo-Listen, Arbeitszeiterfassung, Urlaubsplanung, Aufgabenverwaltung, Projektmanagement-Software, Barcode-Generator, Bewerbungen, Lebenslauf, Dateilisten, Etiketten und Aufkleber drucken, Verzeichnisinhalte drucken, Dokumente und Daten archivieren, Kalender-Software und Terminplaner, Kalender-Tools mit Spezialfunktionen, MindMap-Tools, Vorlagen, OCR-Software, Präsentationen erstellen, Histogramme, Balkendiagramme, Sektordiagramme, Torten-Diagramme, Kurven, usw.

Ein kleiner Handwerker-Betrieb braucht i.a. keine schwerbedienbar, überfrachtete Software, die eine aufwendige Einarbeitung benötigt. Beispiel: Für das Erstellen von Handwerker-Rechnungen kann eine robuste, leicht bedienbare Tabellenkalkulation ausreichen.

Ein robustes, angemessenes, selbst erklärendes und Web-taugliches Tabellenkalkulationsprogramm ist zu entwickeln und zu testen. Für das "self made TCalc" kann als Basis HTML und ECMAScript und optionale auch localStore und serverseitiges PHP dienen.


Hinweis: Tabellenkalkulation "TCalc"

"TCalc" sei der Name des zu erstellenden Programmes, das Rechnungen erstellen und drucken kann. Siehe z.B. de.wikipedia Tabellenkalkulation , Informationstechnische Grundlagen zur Tabellenkalkulation und dom-selektoren für Tabellen.

Hinweis: contenteditable="true" WYSIWYG

wikimedia.org Flytifylla.png Rich-Text-Formatierungen ( Web ) bieten eine Fülle von Elementen und grafischen Textformatierungen, wie Seiten, Absatz, Zeichen, Text, Schriftgrad, Schriftschnitt, Zeichenart, Zeichengrößen, Block-Auszeichnungen, Tabellen, Formelare, Bilder, Beschriftungen, usw. Siehe z.B. de.wikipedia Für " What You See Is What You Mean" ( Akronym WYSIWYM ) und "What You See Is What You Get" ( Akronym WYSIWYG ) können Elemente mit contenteditable="true" verwendet werden. WYSIWYG , Textformatierung Typografie

Beispiel: Test contenteditable="true" WYSIWYG

Teste   contenteditable="true"   ( siehe Seiten-Quelltext )

pre1-Tag contenteditable="true":
Bitte diesen
pre-Tag-Content
editieren.
pre2-Tag contenteditable="true":
.braun { background-color:#349!important;
background-image: 
repeating-radial-gradient(circle at 15em -2em, #663,#a8a 30em); 
}

Save ta1=pre1     Save ta_hidden=ta2,

Load pre1=ta1     set style contenteditable-style=ta_hidden

Selbst-erweiternde Textarea als Zwischenspeicher ( save ⇓    Load ⇑ ):


Hinweis: .selectionStart, selectionEnd, markierte Text Textmarkierungen

Für eine Textarea kann verwendet werden:
pos1 = ta.selectionStart;
pos2 = ta.selectionEnd;
sel_txt = ta.value.substring(ta.selectionStart, ta.selectionEnd);

Teste: TA.selectionStart, TA.selectionEnd

 Anzeigen   von TA.selectionStart, TA.selectionEnd, TA.sel_text

 Ersetze  Markiertes  mit ersetze_text_selection({id:"id_in",repl_txt:"ERSATZTEXT"})

 Wrap markierten Text   mit wrap_text_selection({ id: "id_in", PRE_TEXT: "davor", post_txt: "POST_TEXT" })

Weitere Demo Lückentext

Plagiate sind out!
Viel Freude bei der Ausarbeitung!
Letzter Abgabetermine Mo 12.00 Uhr