Taschenrechner im HTML-Format - Teil 1 Aktualisiert 16.10.22
Je nach dem, um welchen Themenbereich es in der Homepage oder in dem Forum geht, kann es von Nutzen sein, einen Taschenrechner zur Verfügung zu stellen. Der hier vorgestellte Taschenrechner ist frei formatierbar und wird in den meisten Browsern gleich dargestellt. Die CSS des Taschenrechners ist so gewählt, dass die Foren-CSS das Aussehen nicht beeinträchtigt! Der Taschenrechner kann auch unter "Eigene Seiten" angelegt werden und über die Navigation aufgerufen werden!
Eigene Seiten unter "Admin > Layout > Eigene Seiten > Seite bearbeiten" aufrufen!
Link "HTML Quelltext direkt bearbeiten?" anklicken und danach den Button "Editor ausschalten"!
Namen vergeben, Skript eintragen und speichern!
"Zurück zur Seiten-Übersicht" anklicken!
Taschenrechner heraussuchen, Taschenrechner aufrufen oder bearbeiten oder unter "Seite der Navigation hinzufügen" ein Link in der Navigation anlegen!
Beim Erstellen eines Navigationslinks, empfiehlt es sich die Option "Im neuen Fenster öffnen?" auszuwählen!
Taschenrechner mit neuen Funktionen - Teil 2 Aktualisiert 16.10.22
Je nach dem, um welchen Themenbereich es in der Homepage oder in dem Forum geht, kann es von Nutzen sein, einen Taschenrechner zur Verfügung zu stellen. Der hier vorgestellte Taschenrechner ist frei formatierbar und wird in meisten Browser annähert gleich dargestellt. Die Sonderzeichen ×, ÷, √ und x² sind durch HTML ISO-Nummern dargestellt worden. Der Taschenrechner kann auch unter "Eigene Seiten" angelegt werden und über die Navigation aufgerufen werden!
Eigene Seiten unter "Admin > Layout > Eigene Seiten > Seite bearbeiten" aufrufen!
Link "HTML Quelltext direkt bearbeiten?" anklicken und danach den Button "Editor ausschalten"!
Namen vergeben, Skript eintragen und speichern!
"Zurück zur Seiten-Übersicht" anklicken!
Taschenrechner heraussuchen, Taschenrechner aufrufen oder bearbeiten oder unter "Seite der Navigation hinzufügen" ein Link in der Navigation anlegen!
Beim Erstellen eines Navigationslinks, empfiehlt es sich die Option "Im neuen Fenster öffnen?" auszuwählen!
function Check (Eingabe) { var nur_das = "0123456789[]()-+*%/."; for (var i = 0; i < Eingabe.length; i++) if (nur_das.indexOf(Eingabe.charAt(i)) < 0) return false; return true; }
function Ergebnis () { var x = 0; if (Check(window.document.Rechner.Display.value)) x = eval(window.document.Rechner.Display.value); window.document.Rechner.Display.value = x; }
function Hinzufuegen (Zeichen) { window.document.Rechner.Display.value = window.document.Rechner.Display.value + Zeichen; }
function Sonderfunktion (Funktion) { if (Check(window.document.Rechner.Display.value)) { if (Funktion == "sqrt") { var x = 0; x = eval(window.document.Rechner.Display.value); window.document.Rechner.Display.value = Math.sqrt(x); } if (Funktion == "pow") { var x = 0; x = eval(window.document.Rechner.Display.value); window.document.Rechner.Display.value = x * x; } if (Funktion == "ln") { var x = 0; x = eval(window.document.Rechner.Display.value); window.document.Rechner.Display.value = Math.log(x); } } else window.document.Rechner.Display.value = 0} </script>
Auf der Webseite von "Web 2.0 Rechner" werden Taschenrechner online für alle Fälle angeboten, ob wissenschaftlich oder einfach. Hier bleiben kaum noch Wünsche offen. Die Webseite verfügt außerdem über eine interaktive Formelsammlung, einer Hilfeseite und einem Mathe Forum. Zu alledem werden auch noch Widegats zu 3 verschiedenen Taschenrechnern angeboten, die in den Foren oder Homepages Platz finden und eingebaut werden können. Die Taschenrechner sind so angelegt, dass sie die komplette Rechnung in einem darüberstehenden Feld anzeigen. Außerdem werden alle Rechenvorgänge gespeichert, die jederzeit abrufbar sind!
Hier kommen 3 verschiedenen Taschenrechner als Widegats:
Web 2.0 Rechner - Widget für Deine Webseite: Widget
Weitere interessante Links auf Web 2.0 Rechner.de:
Taschenrechner per Grafik-Button immer verfügbar - Teil 3
Im folgenden Beitrag kann der Taschenrechner überall eingeblendet werden!
Der Taschenrechner wird über ein fixierten Grafik-Button per Mausklick ein- und ausgeblendet!
Der Button kann beliebig platziert werden!
Ist der Taschenrechner aufgerufen, wird er weiterhin, auch bei einem Seiten-Reload angezeigt!
Der Taschenrechner kann, wenn er an einer Stelle stört, frei verschoben werden!
Über ein "X" lässt sich der Taschenrechner schließen!
Die Farben werden automatisch den Templates angepasst!
Bei Klammer-Multiplikationen wird automatisch ein Multiplikatorzeichen vor oder nach der Klammer gesetzt!
Neu! Taschenrechner kann mit Tastenkombination "Alt+T" aufgerufen werden! Tastenkombination wird im Display angezeigt!
Neu! Taschenrechner kann bei Bedarf auch in der Fußleiste eingebaut werden!
Installation für alle Templates (v1-6)
Das Skript und der CSS-Eintrag wird am besten als PIugin in den "bottom_header" eingetragen!
Zum schnellen Ausprobieren kann das komplette Skript auch in die "Fußzeile" kopiert werden, nur werden die Farben nicht mehr den Templates automatisch angepasst!
Mit "top" und "right" in Zeile 6 kann die Position des Taschenrechners, in Zeile 10 die des Taschenrechner-Button bestimmt werden!
In Zeile 21 kann die Auslöse-Grafik des Taschenrechner-Buttons ausgetauscht werden!
In Zeile 10 kann mit "width" die Größe der Auslösegrafik angepasst werden!
In Zeile 141 ist Xobor eigene "jQueryUI-Script" eingetragen, das für das Verschieben des Taschenrechners zuständig ist!
Zeile 91 ersetzt type="button", damit die Template eigene Formatierungen keinen Einfluss auf das Aussehen des Taschenrechners haben!
Zeile 95 setzt automatisch bei Klammer-Multiplikationen ein Multiplikatorzeichen vor und nach der Klammer, z.B. 5x(-8) oder (-8)x5!
In [i]Zeile 83-89[/] wird die Tastenkombination bestimmt (alt+T)!
Über Zeile 71 kann der Taschenrechner über die Fußleiste aufgerufen werden, nur Business (v4)!
function Check (Eingabe) { var nur_das = "0123456789[]()-+*%/."; for (var i = 0; i < Eingabe.length; i++) if (nur_das.indexOf(Eingabe.charAt(i)) < 0) return false; return true; }
function Ergebnis () { var x = 0; if (Check(window.document.Rechner.Display.value)) x = eval(window.document.Rechner.Display.value); window.document.Rechner.Display.value = x; }
function Hinzufuegen (Zeichen) { window.document.Rechner.Display.value = window.document.Rechner.Display.value + Zeichen; }
function Sonderfunktion (Funktion) { if (Check(window.document.Rechner.Display.value)) { if (Funktion == "sqrt") { var x = 0; x = eval(window.document.Rechner.Display.value); window.document.Rechner.Display.value = Math.sqrt(x); } if (Funktion == "pow") { var x = 0; x = eval(window.document.Rechner.Display.value); window.document.Rechner.Display.value = x * x; } if (Funktion == "ln") { var x = 0; x = eval(window.document.Rechner.Display.value); window.document.Rechner.Display.value = Math.log(x); } } else window.document.Rechner.Display.value = 0}
function Check (Eingabe) { var nur_das = "0123456789[]()-+*%/."; for (var i = 0; i < Eingabe.length; i++) if (nur_das.indexOf(Eingabe.charAt(i)) < 0) return false; return true; }
function Ergebnis () { var x = 0; if (Check(window.document.Rechner.Display.value)) x = eval(window.document.Rechner.Display.value); window.document.Rechner.Display.value = x; }
function Hinzufuegen (Zeichen) { window.document.Rechner.Display.value = window.document.Rechner.Display.value + Zeichen; }
function Sonderfunktion (Funktion) { if (Check(window.document.Rechner.Display.value)) { if (Funktion == "sqrt") { var x = 0; x = eval(window.document.Rechner.Display.value); window.document.Rechner.Display.value = Math.sqrt(x); } if (Funktion == "pow") { var x = 0; x = eval(window.document.Rechner.Display.value); window.document.Rechner.Display.value = x * x; } if (Funktion == "ln") { var x = 0; x = eval(window.document.Rechner.Display.value); window.document.Rechner.Display.value = Math.log(x); } } else window.document.Rechner.Display.value = 0};
den Taschenrechner "per Grafik-Button immer verfügbar - Teil 3" finde ich optisch am besten, da er sich an den jeweiligen Forum-Farben anpasst. Ich würde den gern einbauen, aber mit einem ganz normalen Link (Button Taschenrechner = Taschenrechner per Grafik-Button immer verfügbar - Teil 3)
Mein 15 jähriger Sohn hat bei dem verschachtelten Skript aufgegeben - auch die Aussicht auf eine flüssige Belohnung (pssst) hatte keinen positiven Einfluss. Jetzt bist du meine Rettung, wie immer...
Gruß vom urlaubenden Arndt
Themen bei der Community für Transportunternehmer und Führungskräfte der Transport- und Logistikbranche:
Taschenrechner über Navigation und Sidebar aufrufen - Teil 4
Installation für die Templates v1-4
In der oberen Navigation
In der Fußleiste
In der Sidebar
Das Skript und der CSS-Eintrag wird am besten als PIugin in den "bottom_header" eingetragen!
Zum schnellen Ausprobieren kann das komplette Skript auch in die "Fußzeile" kopiert werden, nur werden die Farben nicht mehr den Templates automatisch angepasst!
Die Beschreibung entspricht dem Skript aus Beitrag #4!
In Zeile 73-76 findet man die Auslösung aus der Fußzeile
In Zeile 78-81 wird der Link an die Navigation recht platziert!
In Zeile 83-87 wird der Link in das Seitenmenü gesetzt! Wichtig! Hier muss in Zeile 84 die Class ".side-panel6" der Zeile im Menü angepasst werden (Hier Zeile 6)
Wird "display:none;" aus Zeile 10 gelöscht, kann die Rechnergrafik zum Aufruf des Taschenrechners wieder genutzt werden!
function Check (Eingabe) { var nur_das = "0123456789[]()-+*%/."; for (var i = 0; i < Eingabe.length; i++) if (nur_das.indexOf(Eingabe.charAt(i)) < 0) return false; return true; }
function Ergebnis () { var x = 0; if (Check(window.document.Rechner.Display.value)) x = eval(window.document.Rechner.Display.value); window.document.Rechner.Display.value = x; }
function Hinzufuegen (Zeichen) { window.document.Rechner.Display.value = window.document.Rechner.Display.value + Zeichen; }
function Sonderfunktion (Funktion) { if (Check(window.document.Rechner.Display.value)) { if (Funktion == "sqrt") { var x = 0; x = eval(window.document.Rechner.Display.value); window.document.Rechner.Display.value = Math.sqrt(x); } if (Funktion == "pow") { var x = 0; x = eval(window.document.Rechner.Display.value); window.document.Rechner.Display.value = x * x; } if (Funktion == "ln") { var x = 0; x = eval(window.document.Rechner.Display.value); window.document.Rechner.Display.value = Math.log(x); } } else window.document.Rechner.Display.value = 0}