ich hätte heute gern eine beschreibbare (Ecxel) Tabelle im Forum eingefügt. Wie ich gelesen habe, soll dies im V6 möglich sein, aber ob die beschreibbar ist wage ich zu bezweifeln. Mhh, schade. Mit meinen Copy and Paste-Künsten hab ich das hier fabriziert:
Man braucht dazu aber ein Google-Konto bzw. Anmeldung. Aber selbst ohne, kann man ganz gut und einfach eine Tabelle im Forum darstellen. Wenn man ein Google-Konto hat, dann man mit und in der Tabelle arbeiten.
PS: die Google-Tabelle habe ich in die Video-Box gepackt. Copy and Paste in Reinkultur. nochmal PS: gibt es eine andere Möglichkeit. Es soll ja Menschen auf dem Planten geben, die kein Googlekonto haben...
Themen bei der Community für Transportunternehmer und Führungskräfte der Transport- und Logistikbranche:
Seit drei Tagen sind die Mautrechner nun in veränderbaren Tabellen im Forum online.
Ohne Wolfgangs Hilfe hätte ich das nie hinbekommen. dafür! Die Zusammenarbeit lief (wie immer) hervorragend. Wolfgang hat nach meinen Wünschen das Grundgerüst mit samt Formeln gebaut, ich hab die Formeln mit Zahlen gefüllt, Wolfgang hat dann nochmal den Feinschliff gemacht. Ich habe bei der Arbeit wieder vieles dazugelernt. Danke für deine Hilfe, Danke für deine Geduld, Danke für deine Zeit!
Arndt
PS: wenn du willst, kannst du das Skript veröffentlichen (ich nehme garantiert den falschen Spoiler...).
Themen bei der Community für Transportunternehmer und Führungskräfte der Transport- und Logistikbranche:
Die Lösung war dann wieder verständlich und doch einfach! Man musste das Skript dazu bringen das Pluszeichen als Rechenoperation zu erkennen!
2x1 + 2x1 = 4
Die nächste Hürde war das Komma. Die Rechen-Operationen funktionieren nur mit Punktionen! Im Internet gib es auch einige Tabellen für den Sport (international), wie ein "Pace-Rechner", bei dem man aufpassen muss wie hier die Eingaben zu machen sind. Mit Punkt oder Komma? Auch das ließ sich dann mit jQuery und "replace" lösen!
Das Sahnehäubchen war das elegante Abspeichern der Daten durch ein minimiertes JavaScript!
Hier kommt der Super-Kalkulator für Maut- und Frachtpreiserhöhungen mit allen Features!
Zu Testen und Ausprobieren kommt das komplette Skript für die Template (v1-4) in die Kopf- oder Fußzeile
Für das neue Xobor V6 & Mobil nach Eigenes Javascript.
In Zeile 1 wird die Größe und der Überlauf der Tabelle bestimmt, in Zeile 2 die max. Breite einer Spalte!
In Zeile 5 wird ein "Placeholder" gesetzt, um die Eingabe-Spalte besser zu erkennen!
In Zeile 9 steckt die Signatur der Tabelle, hier die eindrucksvolle Grafik. Kann beliebig verändert werden!
Der Eintrag in den Zeilen 34,38+39, ... mit "contenteditable" ermöglich die Eingabe von außen!
In Zeile 107 gibt es den Lösch-Button, der den Browser-Cache löscht und die Seite neu lädt!
In den Zeile 121-143 werden die interaktiven Spalten ausgelesen! Das nachfolgende "replace" ermöglicht die Eingabe mit Punkt oder Komma!
In den Zeile 145-236 erfolgen die mathematischen Berechnungen der Spalten, wobei "Math.round / 100" für eine Rundung mit 2 Stellen nach dem Komma sorgt! In den Summen-Zeile (z.B. 157) ist auch der kleine Trick mit "mal eins" (*1) verbaut!
Zeile 141-144 sorgt für eine Neuberechnung nach jedem Tastenanschlag in der Tabelle
Zeile 249-264 sorgt für das Abspeichern der Daten, wenn die Maus die Tabelle verlassen hat!
<!-- Überschrift --> <tr><th colspan="10" class="MautTitel"><h1>Kalkulator für die Maut- und Frachtpreiserhöhung zum 01.12.2023 - (Basis: 5 Achsen)</h1></th></tr>
<!-- Titel --> <tr style="background: #bbbbbb;"> <th><h4>Euro-Schadstoffklasse</h4></th> <th style="background: #ffffff;"><h4>Maut (km)</h4></th> <th><h4>Maut alt (€)</h4></th> <th><h4><b>Maut neu (€)</h4></th> <th><h4>Erhöhung (€)</h4></th> <th style="background: #ffffff;"><h4>Frachtpreis alt (€)</h4></th> <th style="background: #ffffff;"><h4>allg. Erhöhung (%)</h4></th> <th><h4>Frachtpreis neu (€)</h4></td> </tr>
// Werte aus der Tabelle auslesen var num12 = $("#spalte12").text().replace(/,/g, '.'); var num16 = $("#spalte16").text().replace(/,/g, '.'); var num17 = $("#spalte17").text().replace(/,/g, '.');
var num22 = $("#spalte22").text().replace(/,/g, '.'); var num26 = $("#spalte26").text().replace(/,/g, '.'); var num27 = $("#spalte27").text().replace(/,/g, '.');
var num32 = $("#spalte32").text().replace(/,/g, '.'); var num36 = $("#spalte36").text().replace(/,/g, '.'); var num37 = $("#spalte37").text().replace(/,/g, '.');
var num42 = $("#spalte42").text().replace(/,/g, '.'); var num46 = $("#spalte46").text().replace(/,/g, '.'); var num47 = $("#spalte47").text().replace(/,/g, '.');
var num52 = $("#spalte52").text().replace(/,/g, '.'); var num56 = $("#spalte56").text().replace(/,/g, '.'); var num57 = $("#spalte57").text().replace(/,/g, '.');
var num62 = $("#spalte62").text().replace(/,/g, '.'); var num66 = $("#spalte66").text().replace(/,/g, '.'); var num67 = $("#spalte67").text().replace(/,/g, '.');
Gestern war bei mir schon Bescherung! Ich hatte (mal wieder) eine Idee und der Wolfgang hat (mal wieder) wie immer geholfen! Mal wieder DANKE Wolfgang!
Hier das Ergebnis:
Die Tabelle ist vielleicht auch für den einen oder anderen Diesel-Pkw-Fahrer interessant. Kleinvieh (Anhebung der CO²-Steuer) macht auch Mist...
Hallo Arndt, das war mal wieder eine schöne Teamarbeit! Auch besten Dank an Deinen Sohn, der tatkräftig mitgeholfen hat!
Spezielle Funktion mit Anzeige der Einheiten:
Ich möchte hier, weil die Funktionen in der Tabelle spezielle Funktionen hat das Skript präsentieren! Einheiten in den Tabellenberechnungen erschweren oft oder machen es fast unmöglich die Rechenoperationen durchzuführen! Wurde in der Tabelle noch nichts eingetragen, werden die Eingabefelder per "placeholder" extra kenntlich gemacht (Bild 1)! Es sieht hier so aus, dass beim Klick (focus) auf das Eingabefeld die Einheit transparent angezeigt wird (Bild 2). Bei Eingabe von Zahlenwerten wird die Einheit dann mit voller Intensität angehängt (Bild 3)! Die Rechenoperationen werden dadurch nicht gestört! Klasse Effekt zur Zahleneingabe gleich die Einheit dabei zu haben!
Für die Zahlenwerte können auch Stellen nach dem Komma eingegeben werden! Hierbei ist es egal, ob ein Punkt oder ein Komma verwendet wird! Die Tabellenberechnungen arbeiten immer mit einem Punkt! Das Skript wandelt automatisch ein eingegebenes Komma in einen Punkt für die Berechnungsformeln um!
CO² Rechner ohne Eingabe
CO² Rechner mit Fokus aufs Eingabefeld
CO² Rechner bei Eingabe eines Zahlenwertes
Die Zeile 5-9 ermöglichen den Anzeigeeffekt der Einheiten!
Der Anhang mit "replace" in Zeile 118-125 ermöglichen die Eingabe der Zahlenwerte mit Punkt oder Komma!
<br><center> <h3>In Arbeit .....</h3> <table class="exel_tab" border="1">
<!-- Überschrift --> <tr><th colspan="10" class="MautTitel"><h1><center>CO²-Preis-Rechner für Dieselkraftstoff</center></h1></th></tr>
<!-- Titel --> <center><tr style="background: #bbbbbb;"> <th><h4>Jahr</h4></th> <th><h4>pro Tonne CO²</h4></th> <th><h4>CO² Preis pro Liter</h4></th> <th><h4>Kilometer im Jahr</h4></th> <th><h4>Verbrauch auf 100 km</h4></th> <th><h4>Verbrauch im Jahr</h4></th> <th><h4>Mehrpreis im Jahr (ab 2021)</h4></th> </tr>
// Werte aus der Tabelle auslesen var num13 = $("#spalte13").text().replace(/,/g, '.'); var num14 = $("#spalte14").text().replace(/,/g, '.'); var num15 = $("#spalte15").text().replace(/,/g, '.'); var num23 = $("#spalte23").text().replace(/,/g, '.'); var num33 = $("#spalte33").text().replace(/,/g, '.'); var num43 = $("#spalte43").text().replace(/,/g, '.'); var num53 = $("#spalte53").text().replace(/,/g, '.'); var num63 = $("#spalte63").text().replace(/,/g, '.');
//Updater für spalte4 und spalte5 $('#spalte24').text(num14); $('#spalte34').text(num14); $('#spalte44').text(num14); $('#spalte54').text(num14); $('#spalte64').text(num14);
// once on load for (var key in localStorage) { if (key.includes("dataStorage-")) { const id = key.replace("dataStorage-",""); document.querySelector("#" + id).innerHTML = localStorage.getItem(key); } } </script>