Forum - Das neue Template Xobor (v6) » Taschenrechner im HTML-Format!

Um alle Funktionen nutzen zu k�nnen, aktivieren Sie bitte JavaScript in ihrem Browser!

Der Treffpunkt f�r Hilfe, Tricks & Tipps � XOBOR-Foren und Homepages � Das neue Template Xobor (v6) � Taschenrechner im HTML-Format!

Themen-Einstellungen

Thema drucken

Bereich wechseln

Start Willkommen! Ank�ndigungen & Termine, wichtige News! Stellen Sie Ihr eigene Webseite vor! Betriebssystem MS Windows & andere Betriebssysteme Betriebssystem MS Windows 11, 10, 8 und 7 - Tricks & Tipps MS Windows 11, 10, 8 und 7 - Fragen & Antworten Linux, Ubuntu und andere Betriebssysteme �rger mit dem PC, Laptop oder Tablet? �rger mit dem PC, Laptop oder Tablet - Vorbeugung und Hilfe �rger mit dem PC, Laptop oder Tablet - Fragen & Antworten Fragen zu DSL, VDSL, LTE und anderen Netzempfangsarten XOBOR-Foren und Homepages Alles f�r Ihr eigenes Forum oder Ihrer Webseite - Hilfe, Tricks & Tipps Alles f�r Ihr eigenes Forum oder Ihrer Webseite - Fragen & Antworten Das neue Template Xobor (v6) Energieerzeugung im neuen Zeitalter - Revolution�r! Videos und Webseiten zur Freien Energie Wasserstoff - Energietr�ger der Zukunft. Die besten Links Empfehlenswerte und interessante Links! Link - Suche Verschiedenes Faszinationen & Unglaubliches! Tricks & Tipps f�r Smartphones und iPhones Lob, Kritik & Verbesserungsvorschl�ge Spiel & Spa�, Witz & gute Laune! Spiritualit�t, Seele, New Age, Yoga, Gesundheit Alles, was noch so �brig bleibt Bannertausch Wie funktioniert der Bannertausch? Bannerrotation und Bannerwechsel

#1 | Taschenrechner im HTML-Format! datum

23.04.2009 00:05 (zuletzt bearbeitet: 16.10.2022 21:36)

Wolfgang

Administrator

Informationen anzeigen

Beitr�ge:	3472
Registriert seit:	10.12.2006
Blog:	Wolfgangs Blog

Homepage:	Nicht angegeben
Letzte Spende	Betrag � Forum Spende
Sternzeichen	Skorpion
Likes	1339

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 "" 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!
Fertig!

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
 
<style>
.display_1 {max-width:80%;text-align:right; font-family:System,sans-serif; font-size:30px; font-weight:bold; border-radius:9px; cursor:pointer; background-color:#ffffff; color:#111111 !important; margin:7px; border:1px solid #111111; float:right; box-shadow: none;}
.display_1:focus {background-color:#eeeeee !important;}
.button_1 { max-width:80px; text-align:center; font-family:System,sans-serif; font-size: 20px; font-weight:bold; border-radius:4px;cursor:pointer; background-color:#efefef;color:#000000 !important;padding:5px;border:1px solid #111111;box-shadow: none;letter-spacing: 0;}
.tab_1{ width:auto !important; border:6px solid #aaaaaa; margin-right:10px; }
.tab_1 td{padding:4px;}
</style>
 
<form name="Calc">
<table class="tab_1" border="5" cellpadding="10" cellspacing="0">
<tr>
<td bgcolor="#777777">
<center><input type="text" name="input_1" class="display_1"></center></td>
</tr>
<tr>
<td  bgcolor="#333333">
<table border="0" cellpadding="0" cellspacing="2">
<tr>
<td><input class="button_1" value="  1  " onclick="Calc.input_1.value += '1'"></td>
<td><input class="button_1" value="  2  " onclick="Calc.input_1.value += '2'"></td>
<td><input class="button_1" value="  3  " onclick="Calc.input_1.value += '3'"></td>
<td><input  style="margin-left:10px;" class="button_1" value="  +  " onclick="Calc.input_1.value += '+'"></td>
<td><input class="button_1" value="  C  " onclick="Calc.input_1.value = ''"></td>
</tr>
<tr>
<td><input class="button_1" value="  4  " onclick="Calc.input_1.value += '4'"></td>
<td><input class="button_1" value="  5  " onclick="Calc.input_1.value += '5'"></td>
<td><input class="button_1" value="  6  " onclick="Calc.input_1.value += '6'"></td>
<td><input style="margin-left:10px;" class="button_1" value="  -  " onclick="Calc.input_1.value += '-'"></td>
<td><input class="button_1" value="  (  " onclick="Calc.input_1.value += '('"></td>
</tr>
<tr>
<td><input class="button_1" value="  7  " onclick="Calc.input_1.value += '7'"></td>
<td><input class="button_1" value="  8  " onclick="Calc.input_1.value += '8'"></td>
<td><input class="button_1" value="  9  " onclick="Calc.input_1.value += '9'"></td>
<td><input style="margin-left:10px;" class="button_1" value="  *  " onclick="Calc.input_1.value += '*'"></td>
<td><input class="button_1" value="  )  " onclick="Calc.input_1.value += ')'"></td>
</tr>
<tr>
<td><input class="button_1" value="  0  " onclick="Calc.input_1.value = '0'"></td>
<td><input class="button_1" value="  00  " onclick="Calc.input_1.value += '00'"></td>
<td><input class="button_1" value="  .  " onclick="Calc.input_1.value += '.'"></td>
<td><input style="margin-left:10px;" class="button_1" value="  /  " onclick="Calc.input_1.value += '/'"></td>
<td><input class="button_1" value="  =  " onclick="Calc.input_1.value = eval(Calc.input_1.value)"></td>
</tr>
</table>
</td>
</tr>
</table>
</form>
</center>
 

Schlie�en

Der Taschenrechner in Funktion: Taschenrechner 1

Bis dann und viel Spass
Wolfgang

Antworten

#2 | Taschenrechner mit neuen Funktionen - Teil 2 datum

29.04.2012 02:24 (zuletzt bearbeitet: 16.10.2022 21:43)

Wolfgang

Administrator

Informationen anzeigen

Beitr�ge:	3472
Registriert seit:	10.12.2006
Blog:	Wolfgangs Blog

Homepage:	Nicht angegeben
Letzte Spende	Betrag � Forum Spende
Sternzeichen	Skorpion
Likes	1339

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 "" 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!
Fertig!

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
 
<style>
.display_2 {max-width:80%; text-align:right; font-family:System,sans-serif; font-size:30px; font-weight:bold; border-radius:9px; cursor:pointer; background-color:#ffffff; color:#111111 !important; margin:7px; border:1px solid #111111; float:right; box-shadow: none;}
.display_2:focus {background-color:#eeeeee !important;}
.button_2 { max-width:100px; text-align:center; font-family:System,sans-serif; font-size: 20px; font-weight:bold; border-radius:4px; cursor:pointer; background-color:#efefef; color:#000000 !important; padding:5px; border:1px solid #111111; box-shadow: none;letter-spacing: 0;}
.button_2:hover {background-color:#ffffff; border:1px solid #ffffff;}
.tab_2{ width: auto !important; border:6px solid #aaaaaa;}
.tab_2 td {padding:4px;}
</style>
 
 
<form name="Rechner" action="" onsubmit="Ergebnis(); return false;">
<table border="5" cellpadding="10" cellspacing="0" class="tab_2">
<tr>
<td bgcolor="#777777">
<center><input type="text" name="Display" align="right" class="display_2"></center></td>
</tr><tr>
<td  bgcolor="#333333">
<table border="0" cellpadding="0" cellspacing="2">
<tr>
<td><input class="button_2" value="  7  " onclick="Hinzufuegen('7')"></td>
<td><input class="button_2" value="  8  " onclick="Hinzufuegen('8')"></td>
<td><input class="button_2" value="  9  " onclick="Hinzufuegen('9')"></td>
<td><input style="margin-left:10px;" title="Zwischen Zahl und Klammer muss ein Rechenzeichen stehen!" class="button_2" value="  (  " onClick="Hinzufuegen('(')"></td>
<td><input title="Zwischen Zahl und Klammer muss ein Rechenzeichen stehen!" class="button_2" value="  )  " onClick="Hinzufuegen(')')"></td>
</tr>
<tr>
<td><input class="button_2" value="  4  " onclick="Hinzufuegen('4')"></td>
<td><input class="button_2" value="  5  " onclick="Hinzufuegen('5')"></td>
<td><input class="button_2" value="  6  " onclick="Hinzufuegen('6')"></td>
<td><input style="margin-left:10px;" title="Addition" class="button_2" value="  +  " onClick="Hinzufuegen('+')"></td>
<td><input title="Subtraktion" class="button_2" value="  -  " onClick="Hinzufuegen('-')"></td>
</tr>
<tr>
<td><input class="button_2" value="  1  " onclick="Hinzufuegen('1')"></td>
<td><input class="button_2" value="  2  " onclick="Hinzufuegen('2')"></td>
<td><input class="button_2" value="  3  " onclick="Hinzufuegen('3')"></td>
<td><input style="margin-left:10px;" title="Multiplikation" class="button_2" value="  ×  " onClick="Hinzufuegen('*')"></td>
<td><input title="Division" class="button_2" value="  &#247;  " onClick="Hinzufuegen('/')"></td>
</tr>
<tr>
<td><input class="button_2" value="  0  " onClick="Hinzufuegen('0')"></td>
<td><input class="button_2" value="  00  " onClick="Hinzufuegen('00')"></td>
<td><input class="button_2" value="  000  " onClick="Hinzufuegen('000')"></td>
<td><input style="margin-left:10px;"  title="Komma" class="button_2" value="  .  " onClick="Hinzufuegen('.')"></td>
<td><input title="Ergebnis" class="button_2" value="  =  " onClick="Ergebnis()"></td>
</tr>
<tr>
<td><input title="Quadratwurzel aus X" class="button_2" value=" &#8730; " onClick="Sonderfunktion('sqrt')"></td>
<td><input title="X zum Quadrat" class="button_2" value=" x&#178; " onClick="Sonderfunktion('pow')"></td>
<td><input title="Natürlicher Logeritmus von X" class="button_2" value=" ln " onClick="Sonderfunktion('ln')"></td>
<td><input style="margin-left:10px;" title="Die Konstante Pi" class="button_2" value="  &#960; " onClick="Hinzufuegen('3.1415927')"></td>
<td><input title="Anzeige löschen" class="button_2" value="  C  " onclick="Rechner.Display.value = ''" ></td>
</tr>
</table>
</td></tr></table>
</form>
 
 
<script type="text/javascript">
$('.button_2').attr({'maxlength':'1','readonly':'readonly'});
 
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>
 

Schlie�en

Der Taschenrechner in Funktion: Taschenrechner 2

Hilfreiche Links:

Sonderzeichen fürs Forum bereitstellen

Bis dann und viel Spass
Wolfgang

Antworten

#3 | Online Taschenrechner als Widgats datum

30.04.2012 00:44 (zuletzt bearbeitet: 07.06.2019 19:28)

Online Taschenrechner als Widgats

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:

Interaktive Formelsammlung: Formelsammlung

Mathe Forum: Mathe Forum

Hilfe zum Taschenrechner: Hilfe

Bis dann und viel Spaß
Wolfgang

Antworten

#4 | Taschenrechner per Grafik-Button immer verfügbar - Teil 3 datum

23.10.2020 21:52 (zuletzt bearbeitet: 16.10.2022 21:46)

Wolfgang

Administrator

Informationen anzeigen

Beitr�ge:	3472
Registriert seit:	10.12.2006
Blog:	Wolfgangs Blog

Homepage:	Nicht angegeben
Letzte Spende	Betrag � Forum Spende
Sternzeichen	Skorpion
Likes	1339

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)!

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
 
<style>
.display_2 {width:80%;text-align:right;font-family:System,sans-serif; font-size:20px; font-weight:bold; border-radius:9px; cursor:pointer;background-color:#ffffff;color:#111111 !important;margin:6px;padding-right:5px;border:1px solid #111111;float:right;box-shadow: none;}
.display_2:focus {background-color:#eeeeee !important;}
.button_2 { width:100px; text-align:center; font-family:System,sans-serif; font-size: 20px; font-weight:bold; border-radius:4px;cursor:pointer; background-color:#efefef;color:#000000 !important;padding:5px;border:1px solid #111111;box-shadow: none;letter-spacing: 0;cursor:pointer}
.button_2:hover {background-color:#ffffff;border:1px solid #ffffff}
.tab_2 {top: 50px;right:130px;border:6px solid #eeeeee;border:6px solid {{template==144.start}}{{global_box_header_background|rgb_lightness(80)}}{{template==144.end}}{{template==1.start}}#aaaaaa{{template==1.end}}{{template==110.start}}{{global_postbg3|rgb_lightness(70)}}{{template==110.end}}{{template==111.start}}{{global_tabs_color|rgb_lightness(70)}}{{template==111.end}};width:auto;position:fixed;z-index:999999;cursor:move;display:none;}
.tab_2 td {padding:4px;}
.exit_tasch {font-size:20px;color:#ffffff;position:absolute;text-align:center;padding:10px;cursor:pointer;}
.exit_tasch:hover {color:#222222;font-weight:bold;}
.tasch_on {top:500px;right:15px;width:100px;position:fixed;cursor:pointer;z-index:999999;}
.tasch_dis {background-color: #bbbbbb;background-color: {{template==144.start}}{{global_box_header_background|rgb_lightness(90)}}{{template==144.end}}{{template==1.start}}#777777{{template==1.end}}{{template==110.start}}{{global_postbg3|rgb_lightness(95)}}{{template==110.end}}{{template==111.start}}{{global_tabs_color|rgb_lightness(85)}}{{template==111.end}};}
.tasch_back {background-color: #777777; background-color: {{template==144.start}}{{global_box_header_background|rgb_lightness(85)}}{{template==144.end}}{{template==1.start}}#333333{{template==1.end}}{{template==110.start}}{{global_postbg3|rgb_lightness(90)}}{{template==110.end}}{{template==111.start}}{{global_tabs_color|rgb_lightness(80)}}{{template==111.end}};}
 
.tasch_fuss {font-size:14px;position:absolute;left: 40px;cursor:pointer;padding-top:4px;}
.tasch_fuss img {width:20px;z-index:999999  !important;}
.tasch_fuss:hover img{width:150px;margin-top:-130px;}
.tasch_fuss:hover span{display:none;}
.display_2::placeholder {font-size:16px;opacity: 0.8 !important;}
</style>
 
<img class="tasch_on" src="https://files.homepagemodules.de/b104774/f31t318p3889n5_nHqryzRT.png">
 
<form name="Rechner" action="" onsubmit="Ergebnis();return false;">
<table border="5" cellpadding="10" cellspacing="0" class="tab_2" style="display:none;">
<tr>
<td class="tasch_dis">
<span class="exit_tasch" title="Exit">x</span><input type="text" name="Display" align="right" class="display_2" placeholder="Alt+T"></td>
</tr><tr>
<td class="tasch_back">
<table border="0" cellpadding="0" cellspacing="2">
<tr>
<td><input class="button_2" value="7" onclick="Hinzufuegen('7')"></td>
<td><input class="button_2" value="8" onclick="Hinzufuegen('8')"></td>
<td><input class="button_2" value="9" onclick="Hinzufuegen('9')">&nbsp;&nbsp;</td>
<td><input title="Zwischen Zahl und Klammer muss ein Rechenzeichen stehen!" class="button_2" value="(" onClick="Hinzufuegen('(')"></td>
<td><input title="Zwischen Zahl und Klammer muss ein Rechenzeichen stehen!" class="button_2" value=")" onClick="Hinzufuegen(')')"></td>
</tr>
<tr>
<td><input class="button_2" value="4" onclick="Hinzufuegen('4')"></td>
<td><input class="button_2" value="5" onclick="Hinzufuegen('5')"></td>
<td><input class="button_2" value="6" onclick="Hinzufuegen('6')">&nbsp;&nbsp;</td>
<td><input title="Addition" class="button_2" value="+" onClick="Hinzufuegen('+')"></td>
<td><input title="Subtraktion" class="button_2" value="-" onClick="Hinzufuegen('-')"></td>
</tr>
<tr>
<td><input class="button_2" value="1" onclick="Hinzufuegen('1')"></td>
<td><input class="button_2" value="2" onclick="Hinzufuegen('2')"></td>
<td><input class="button_2" value="3" onclick="Hinzufuegen('3')">&nbsp;&nbsp;</td>
<td><input title="Multiplikation" class="button_2" value="×" onClick="Hinzufuegen('*')"></td>
<td><input title="Division" class="button_2" value="÷" onClick="Hinzufuegen('/')"></td>
</tr>
<tr>
<td><input class="button_2" value="0" onClick="Hinzufuegen('0')"></td>
<td><input class="button_2" value="00" onClick="Hinzufuegen('00')"></td>
<td><input class="button_2" value="000" onClick="Hinzufuegen('000')">&nbsp;&nbsp;</td>
<td><input title="Komma" class="button_2" value="." onClick="Hinzufuegen('.')"></td>
<td><input title="Ergebnis" class="button_2" value="=" onClick="Ergebnis()"></td>
</tr>
<tr>
<td><input title="Quadratwurzel aus X" style="font-weight:bolder;" class="button_2" value="&#8730;" onClick="Sonderfunktion('sqrt')"></td>
<td><input title="X zum Quadrat" class="button_2" value="x²" onClick="Sonderfunktion('pow')"></td>
<td><input title="Natürlicher Logeritmus von X" class="button_2" value="ln" onClick="Sonderfunktion('ln')">&nbsp;&nbsp;</td>
<td><input title="Die Konstante Pi" class="button_2" value="&#960;" onClick="Hinzufuegen('3.1415927')"></td>
<td><input title="Anzeige löschen" class="button_2" value="C" onclick="Rechner.Display.value =''" ></td>
</tr>
</table>
</td></tr></table>
</form>
 
<script>
$(function(){$('.footer').prepend('<div onclick="$(\'.tab_2\').toggle(0,function () {localStorage.setItem(\'taschenrech\', $(\'.tab_2\').is(\':visible\'));});" class="tasch_fuss"><img src="//files.homepagemodules.de/b104774/f31t318p3889n5_nHqryzRT.png"> <span><u>T</u>aschenrechner</span></div>');});
 
var sidebarVisible = localStorage.getItem('taschenrech') == 'true'; 
$('.tab_2').toggle(sidebarVisible);
$('.tasch_on,.exit_tasch').mouseup(function(){
if (!$('.ui-draggable-dragging').length) {
$(".tab_2").toggle(0,function () {
localStorage.setItem('taschenrech', $('.tab_2').is(':visible'));
});
};
});
 
$(document).keydown(function(e) {
if (e.altKey && e.keyCode == 84) { /* alt+T */
$('.tab_2').toggle(0,function () {
localStorage.setItem('taschenrech', $('.tab_2').is(':visible'));
});
};
});
 
$('.button_2').attr({'maxlength':'1','readonly':'readonly'})
.click(function(){
var newstring = $("[name=Display]").val(function (index, tasch) {
return tasch
.replace('1(', '1*(').replace('2(', '2*(').replace('3(', '3*(').replace('4(', '4*(').replace('5(', '5*(').replace('6(', '6*(').replace('7(', '7*(').replace('8(', '8*(').replace('9(', '9*(').replace('0(', '0*(').replace(')1', ')*1').replace(')2', ')*2').replace(')3', ')*3').replace(')4', ')*4').replace(')5', ')*5').replace(')6', ')*6').replace(')7', ')*7').replace(')8', ')*8').replace(')9', ')*9');
}); 
});
$('[name=Display]').val(newstring);
  
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>
 
<script src="https://img.homepagemodules.de/ds/static/jquery/min/jquery-ui-1.8.12.noeffects.min.js"></script>
<script>
$('.tab_2,.tasch_on').draggable(); 
</script>
 

Schlie�en

Das Skript und der CSS-Eintrag wird am besten als PIugin in den "bottom_header" eingetragen!
Mit "top" und "right" in Zeile 6 kann die Position des Taschenrechners, in Zeile 10 die des Taschenrechner-Button bestimmt werden!
In Zeile 16 kann die Auslöse-Grafik des Taschenrechner-Buttons ausgetauscht werden!
In Zeile 10 kann mit "width" die Größe der Auslösegrafik angepasst werden!
Da im V6 die Farb-Variablen noch nicht zur Verfügung stehen, müssen in Zeile 6 "border", in Zeile 11+12 "background" angepasst werden!
In Zeile 66 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 Zeile 83-89 wird die Tastenkombination bestimmt (alt+T)!

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
 
<style>
.display_2 {width:80%;text-align:right;font-family:System,sans-serif; font-size:20px; font-weight:bold; border-radius:9px; cursor:pointer;background-color:#ffffff;color:#111111 !important;margin:5px;padding-right:5px;border:1px solid #111111;float:right;box-shadow: none;}
.display_2:focus {background-color:#eeeeee !important;}
.button_2 { width:50px; text-align:center; font-family:System,sans-serif; font-size: 20px; font-weight:bold; border-radius:4px;cursor:pointer; background-color:#efefef;color:#000000 !important;padding:0px 5px;border:1px solid #111111;box-shadow: none;letter-spacing: 0;cursor:pointer}
.button_2:hover {background-color:#ffffff;border:1px solid #ffffff}
.tab_2 {top:70px;right:30px;border:6px solid #eeeeee;width:auto;position:fixed;z-index:999999;cursor:move;display:none;}
.tab_2 td {padding:4px;}
.exit_tasch {font-size:20px;color:#ffffff;position:absolute;text-align:center;padding:4px 5px;cursor:pointer;}
.exit_tasch:hover {color:#222222;font-weight:bold;}
.tasch_on {top:400px;right:15px;width:100px;position:fixed;cursor:pointer;z-index:999999;}
.tasch_dis {background-color: #3285be;}
.tasch_back {background-color: #397aa0;}
.display_2::placeholder {font-size:16px;opacity: 0.8 !important;}
</style>
 
<img class="tasch_on" src="https://files.homepagemodules.de/b104774/f31t318p3889n4_ZHbIPCsN.png">
 
<form name="Rechner" action="" onsubmit="Ergebnis();return false;">
<table border="5" cellpadding="10" cellspacing="0" class="tab_2" style="display:none;">
<tr>
<td class="tasch_dis" title="Verschieben!">
<span class="exit_tasch" title="Exit">x</span><input type="text" name="Display" align="right" class="display_2" placeholder="Alt+T"></td>
</tr><tr>
<td class="tasch_back">
<table border="0" cellpadding="0" cellspacing="2">
<tr>
<td><input class="button_2" value="7" onclick="Hinzufuegen('7')"></td>
<td><input class="button_2" value="8" onclick="Hinzufuegen('8')"></td>
<td><input class="button_2" value="9" onclick="Hinzufuegen('9')">&nbsp;&nbsp;</td>
<td><input title="Zwischen Zahl und Klammer muss ein Rechenzeichen stehen!" class="button_2" value="(" onClick="Hinzufuegen('(')"></td>
<td><input title="Zwischen Zahl und Klammer muss ein Rechenzeichen stehen!" class="button_2" value=")" onClick="Hinzufuegen(')')"></td>
</tr>
<tr>
<td><input class="button_2" value="4" onclick="Hinzufuegen('4')"></td>
<td><input class="button_2" value="5" onclick="Hinzufuegen('5')"></td>
<td><input class="button_2" value="6" onclick="Hinzufuegen('6')">&nbsp;&nbsp;</td>
<td><input title="Addition" class="button_2" value="+" onClick="Hinzufuegen('+')"></td>
<td><input title="Subtraktion" class="button_2" value="-" onClick="Hinzufuegen('-')"></td>
</tr>
<tr>
<td><input class="button_2" value="1" onclick="Hinzufuegen('1')"></td>
<td><input class="button_2" value="2" onclick="Hinzufuegen('2')"></td>
<td><input class="button_2" value="3" onclick="Hinzufuegen('3')">&nbsp;&nbsp;</td>
<td><input title="Multiplikation" class="button_2" value="×" onClick="Hinzufuegen('*')"></td>
<td><input title="Division" class="button_2" value="÷" onClick="Hinzufuegen('/')"></td>
</tr>
<tr>
<td><input class="button_2" value="0" onClick="Hinzufuegen('0')"></td>
<td><input class="button_2" value="00" onClick="Hinzufuegen('00')"></td>
<td><input class="button_2" value="000" onClick="Hinzufuegen('000')">&nbsp;&nbsp;</td>
<td><input title="Komma" class="button_2" value="." onClick="Hinzufuegen('.')"></td>
<td><input title="Ergebnis" class="button_2" value="=" onClick="Ergebnis()"></td>
</tr>
<tr>
<td><input title="Quadratwurzel aus X" style="font-weight:bolder;" class="button_2" value="&#8730;" onClick="Sonderfunktion('sqrt')"></td>
<td><input title="X zum Quadrat" class="button_2" value="x²" onClick="Sonderfunktion('pow')"></td>
<td><input title="Natürlicher Logeritmus von X" class="button_2" value="ln" onClick="Sonderfunktion('ln')">&nbsp;&nbsp;</td>
<td><input title="Die Konstante Pi" class="button_2" value="&#960;" onClick="Hinzufuegen('3.1415927')"></td>
<td><input title="Anzeige löschen" class="button_2" value="C" onclick="Rechner.Display.value =''" ></td>
</tr>
</table>
</td></tr></table>
</form>
 
<script type="text/javascript" src="//img.homepagemodules.de/ds/static/jquery/min/jquery-1.7.1.min.js"></script>
<script src="//img.homepagemodules.de/ds/static/jquery/min/jquery-ui-1.8.12.noeffects.min.js"></script>
 
<script>
{{template==177.start}}
{{footerjs.start}}
{{footerjs}}
 
var sidebarVisible = localStorage.getItem('taschenrech') == 'true'; 
$('.tab_2').toggle(sidebarVisible);
$('.tasch_on,.exit_tasch').mouseup(function(){
if (!$('.ui-draggable-dragging').length) {
$(".tab_2").toggle(0,function () {
localStorage.setItem('taschenrech', $('.tab_2').is(':visible'));
});
};
});
 
$(document).keydown(function(e) {
if (e.altKey && e.keyCode == 84) {   /* alt+T */
$('.tab_2').toggle(0,function () {
localStorage.setItem('taschenrech', $('.tab_2').is(':visible'));
});
};
});
 
$('.button_2').attr({'maxlength':'1','readonly':'readonly'})
.click(function(){
var newstring = $("[name=Display]").val(function (index, tasch) {
return tasch
.replace('1(', '1*(').replace('2(', '2*(').replace('3(', '3*(').replace('4(', '4*(').replace('5(', '5*(').replace('6(', '6*(').replace('7(', '7*(').replace('8(', '8*(').replace('9(', '9*(').replace('0(', '0*(').replace(')1', ')*1').replace(')2', ')*2').replace(')3', ')*3').replace(')4', ')*4').replace(')5', ')*5').replace(')6', ')*6').replace(')7', ')*7').replace(')8', ')*8').replace(')9', ')*9');
}); 
});
$('[name=Display]').val(newstring);
  
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};
 
{{footerjs.end}}
  
$('.tab_2,.tasch_on').draggable(); 
{{template==177.end}}
</script>
 

Schlie�en

Weitere Grafiken (Adresse erfahren durch Mausklick):

Bis dann und viel Spaß
Wolfgang

Daishi und Kipper-Spedition finden das Top!

Antworten

#5 | RE: Taschenrechner per Grafik-Button immer verfügbar - Teil 3 datum

13.02.2024 00:41

Hallo Wolfgang,

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:

Antworten

#6 | Taschenrechner über Navigation und Sidebar aufrufen - Teil 4 datum

13.02.2024 16:10

Wolfgang

Administrator

Informationen anzeigen

Beitr�ge:	3472
Registriert seit:	10.12.2006
Blog:	Wolfgangs Blog

Homepage:	Nicht angegeben
Letzte Spende	Betrag � Forum Spende
Sternzeichen	Skorpion
Likes	1339

Taschenrechner über Navigation und Sidebar aufrufen - Teil 4

Hallo ArndtDas vorangegangene Skript ist so ausgelegt, dass man bereits über die Fußleiste links unten oder auch über eine Tastenkombination von "Alt+T" den Taschenrechner direkt aufrufen kann.

Was kann das folgende Skript?

Die Taschenrechnergrafik wird ausgeblendet! Der Taschenrechner wird direkt mit den folgenden Link-Klicks aufgerufen!
Es wird zusätzlich ein Link an die Navigation gehängt!
Hat man die Sidebar aus dem Forum installiert, kann auch hier eine Verlinkung eingebaut werden!
Alles Zustände werden nach wie vor gespeichert, bis der Browser-Cache gelöscht wird!
Optional kann die Taschenrechnergrafik auch wieder eingeblendet werden und Verwendung finden!

Installation für die Templates v1-4

In der oberen Navigation

In der Fußleiste

In der Sidebar

Installation

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!

Beschreibung

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!

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
 
<style>
.display_2 {width:80%;text-align:right;font-family:System,sans-serif; font-size:20px; font-weight:bold; border-radius:9px; cursor:pointer;background-color:#ffffff;color:#111111 !important;margin:6px;padding-right:5px;border:1px solid #111111;float:right;box-shadow: none;}
.display_2:focus {background-color:#eeeeee !important;}
.button_2 { width:100px; text-align:center; font-family:System,sans-serif; font-size: 20px; font-weight:bold; border-radius:4px;cursor:pointer; background-color:#efefef;color:#000000 !important;padding:5px;border:1px solid #111111;box-shadow: none;letter-spacing: 0;cursor:pointer}
.button_2:hover {background-color:#ffffff;border:1px solid #ffffff}
.tab_2 {top: 50px;right:130px;border:6px solid #eeeeee;border:6px solid {{template==144.start}}{{global_box_header_background|rgb_lightness(80)}}{{template==144.end}}{{template==1.start}}#aaaaaa{{template==1.end}}{{template==110.start}}{{global_postbg3|rgb_lightness(70)}}{{template==110.end}}{{template==111.start}}{{global_tabs_color|rgb_lightness(70)}}{{template==111.end}};width:auto;position:fixed;z-index:999999;cursor:move;display:none;}
.tab_2 td {padding:4px;}
.exit_tasch {font-size:20px;color:#ffffff;position:absolute;text-align:center;padding:10px;cursor:pointer;}
.exit_tasch:hover {color:#222222;font-weight:bold;}
.tasch_on {display:none;top:500px;right:15px;width:100px;position:fixed;cursor:pointer;z-index:999999;}
.tasch_dis {background-color: #bbbbbb;background-color: {{template==144.start}}{{global_box_header_background|rgb_lightness(90)}}{{template==144.end}}{{template==1.start}}#777777{{template==1.end}}{{template==110.start}}{{global_postbg3|rgb_lightness(95)}}{{template==110.end}}{{template==111.start}}{{global_tabs_color|rgb_lightness(85)}}{{template==111.end}};}
.tasch_back {background-color: #777777; background-color: {{template==144.start}}{{global_box_header_background|rgb_lightness(85)}}{{template==144.end}}{{template==1.start}}#333333{{template==1.end}}{{template==110.start}}{{global_postbg3|rgb_lightness(90)}}{{template==110.end}}{{template==111.start}}{{global_tabs_color|rgb_lightness(80)}}{{template==111.end}};}
 
.tasch_fuss {font-size:14px;position:absolute;left: 40px;cursor:pointer;padding-top:4px;}
.tasch_fuss img {width:20px;z-index:999999  !important;}
.tasch_fuss:hover img{width:150px;margin-top:-130px;}
.tasch_fuss:hover span{display:none;}
.display_2::placeholder {font-size:16px;opacity: 0.8 !important;}
</style>
 

<img class="tasch_on" src="https://files.homepagemodules.de/b104774/f31t318p3889n5_nHqryzRT.png">
 
<form name="Rechner" action="" onsubmit="Ergebnis();return false;">
<table border="5" cellpadding="10" cellspacing="0" class="tab_2" style="display:none;">
<tr>
<td class="tasch_dis">
<span class="exit_tasch" title="Exit">x</span><input type="text" name="Display" align="right" class="display_2" placeholder="Alt+T"></td>
</tr><tr>
<td class="tasch_back">
<table border="0" cellpadding="0" cellspacing="2">
<tr>
<td><input class="button_2" value="7" onclick="Hinzufuegen('7')"></td>
<td><input class="button_2" value="8" onclick="Hinzufuegen('8')"></td>
<td><input class="button_2" value="9" onclick="Hinzufuegen('9')">&nbsp;&nbsp;</td>
<td><input title="Zwischen Zahl und Klammer muss ein Rechenzeichen stehen!" class="button_2" value="(" onClick="Hinzufuegen('(')"></td>
<td><input title="Zwischen Zahl und Klammer muss ein Rechenzeichen stehen!" class="button_2" value=")" onClick="Hinzufuegen(')')"></td>
</tr>
<tr>
<td><input class="button_2" value="4" onclick="Hinzufuegen('4')"></td>
<td><input class="button_2" value="5" onclick="Hinzufuegen('5')"></td>
<td><input class="button_2" value="6" onclick="Hinzufuegen('6')">&nbsp;&nbsp;</td>
<td><input title="Addition" class="button_2" value="+" onClick="Hinzufuegen('+')"></td>
<td><input title="Subtraktion" class="button_2" value="-" onClick="Hinzufuegen('-')"></td>
</tr>
<tr>
<td><input class="button_2" value="1" onclick="Hinzufuegen('1')"></td>
<td><input class="button_2" value="2" onclick="Hinzufuegen('2')"></td>
<td><input class="button_2" value="3" onclick="Hinzufuegen('3')">&nbsp;&nbsp;</td>
<td><input title="Multiplikation" class="button_2" value="×" onClick="Hinzufuegen('*')"></td>
<td><input title="Division" class="button_2" value="÷" onClick="Hinzufuegen('/')"></td>
</tr>
<tr>
<td><input class="button_2" value="0" onClick="Hinzufuegen('0')"></td>
<td><input class="button_2" value="00" onClick="Hinzufuegen('00')"></td>
<td><input class="button_2" value="000" onClick="Hinzufuegen('000')">&nbsp;&nbsp;</td>
<td><input title="Komma" class="button_2" value="." onClick="Hinzufuegen('.')"></td>
<td><input title="Ergebnis" class="button_2" value="=" onClick="Ergebnis()"></td>
</tr>
<tr>
<td><input title="Quadratwurzel aus X" style="font-weight:bolder;" class="button_2" value="&#8730;" onClick="Sonderfunktion('sqrt')"></td>
<td><input title="X zum Quadrat" class="button_2" value="x²" onClick="Sonderfunktion('pow')"></td>
<td><input title="Natürlicher Logeritmus von X" class="button_2" value="ln" onClick="Sonderfunktion('ln')">&nbsp;&nbsp;</td>
<td><input title="Die Konstante Pi" class="button_2" value="&#960;" onClick="Hinzufuegen('3.1415927')"></td>
<td><input title="Anzeige löschen" class="button_2" value="C" onclick="Rechner.Display.value =''" ></td>
</tr>
</table>
</td></tr></table>
</form>
 
 
<script>
// Link in der Fußleiste
$(function(){$('.footer').prepend(`
  <div onclick="$(\'.tab_2\').toggle(0,function () {localStorage.setItem(\'taschenrech\', $(\'.tab_2\').is(\':visible\'));});" class="tasch_fuss"><img src="//files.homepagemodules.de/b104774/f31t318p3889n5_nHqryzRT.png"> <span>Taschenrechner</span></div>                                  
`);});
 
// Link in der Navigation  
$(function(){$('.navigation').append(`
  <li title="Auch mit Alt+T" class="menu_item" onclick="$(\'.tab_2\').toggle(0,function () {localStorage.setItem(\'taschenrech\', $(\'.tab_2\').is(\':visible\'));});" style="padding: 0px;"><a href="#"><span style="padding:0px 6px;"><img style="vertical-align:top; padding-top:2px;padding-left:3px; width:20px;" src="//files.homepagemodules.de/b104774/f31t318p3889n5_nHqryzRT.png"> Taschenrechner</span></a></li>                             
`);});
  
// Link in der Sidebar
$(function(){$('.side-panel6 li:last-child').after(`
  <li onclick="$(\'.tab_2\').toggle(0,function () {localStorage.setItem(\'taschenrech\', $(\'.tab_2\').is(\':visible\'));});"><a href="#">Taschenrechner</a>
  <center><br><a href="#"><img  title="Auch mit alt+T" class="tasch_on_button" width="60px" src="https://files.homepagemodules.de/b104774/f31t318p3889n5_nHqryzRT.png"></a></center></li>
`);}); 
 
var sidebarVisible = localStorage.getItem('taschenrech') == 'true'; 
$('.tab_2').toggle(sidebarVisible);
$('.tasch_on,.exit_tasch').mouseup(function(){
if (!$('.ui-draggable-dragging').length) {
$(".tab_2").toggle(0,function () {
localStorage.setItem('taschenrech', $('.tab_2').is(':visible'));
});
};
});
 
$(document).keydown(function(e) {
if (e.altKey && e.keyCode == 84) { /* alt+T */
$('.tab_2').toggle(0,function () {
localStorage.setItem('taschenrech', $('.tab_2').is(':visible'));
});
};
});
 
$('.button_2').attr({'maxlength':'1','readonly':'readonly'})
.click(function(){
var newstring = $("[name=Display]").val(function (index, tasch) {
return tasch
.replace('1(', '1*(').replace('2(', '2*(').replace('3(', '3*(').replace('4(', '4*(').replace('5(', '5*(').replace('6(', '6*(').replace('7(', '7*(').replace('8(', '8*(').replace('9(', '9*(').replace('0(', '0*(').replace(')1', ')*1').replace(')2', ')*2').replace(')3', ')*3').replace(')4', ')*4').replace(')5', ')*5').replace(')6', ')*6').replace(')7', ')*7').replace(')8', ')*8').replace(')9', ')*9');
}); 
});
$('[name=Display]').val(newstring);
  
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>
 
<script src="https://img.homepagemodules.de/ds/static/jquery/min/jquery-ui-1.8.12.noeffects.min.js"></script>
<script>
$('.tab_2,.tasch_on').draggable();
</script>
 

Schlie�en

Bis dann und gutes Gelingen

Wolfgang

Gabriella und Kipper-Spedition finden das Top!

Antworten

Begrüßung, Nachricht oder Mitteilung an einen bestimmten User beim Einloggen! � � "Wer ist Online?" erweitern Teil (1-3) - Online-Zeitzähler!

�hnliche Themen

Antworten

Letzter Beitrag

Profilvorlage HTML Code nimmt keine Bilder an
Erstellt im Forum Alles f�r Ihr eigenes Forum oder Ihrer Webseite - Hilfe, Tricks & Tipps von Blackbox84 3 15.12.2024 07:07
Wolfgang • Zugriffe: 78

Versuche den HTML - Code zu teilen - Spoiler für die Iconbar
Erstellt im Forum Alles f�r Ihr eigenes Forum oder Ihrer Webseite - Fragen & Antworten von Daishi

24.09.2024 19:04
von

Anne • Zugriffe: 951

HTML im Gästebuch
Erstellt im Forum Alles f�r Ihr eigenes Forum oder Ihrer Webseite - Fragen & Antworten von Anne 2 06.12.2021 21:06
Anne • Zugriffe: 463
Eigenes Kontaktformular für Gäste - HTML
Erstellt im Forum Das neue Template Xobor (v6) von Wolfgang 7 26.08.2023 04:08
Daishi • Zugriffe: 2610
Eigene HTML-Box im Xobor (v6)-Template einbauen?
Erstellt im Forum Das neue Template Xobor (v6) von Nara 19 24.10.2021 01:18
844er • Zugriffe: 3634

Smileys für Themen-Markierungen einfügen und bearbeiten! - Teil 1+2
Erstellt im Forum Alles f�r Ihr eigenes Forum oder Ihrer Webseite - Hilfe, Tricks & Tipps von Wolfgang

16.06.2023 18:30
von

Kipper-Spedition • Zugriffe: 2307

HTML Generator
Erstellt im Forum Link - Suche von Emanuel 2 04.08.2018 11:09
Wolfgang • Zugriffe: 1825
Kommentare in HTML, CSS, JavaScript, VBScript, TCL und VRML
Erstellt im Forum Empfehlenswerte und interessante Links! von Wolfgang 0 15.06.2007 23:46
wolf.andres • Zugriffe: 2602
TAB-Menü / TAB-Spoiler / Boxen für Texte und Bildern
Erstellt im Forum Das neue Template Xobor (v6) von Wolfgang 20 28.10.2022 18:49
Daishi • Zugriffe: 14499

Foren Spende

Hallo !

Wir hoffen, dass Dir unser Forum gef�llt und Du Dich hier genauso wohlf�hlst wie wir.

Um Dir und den anderen Mitgliedern das Bestm�gliche bieten zu k�nnen, w�rden wir das Forum gern werbefrei gestalten, mit tollen neuen Extras erg�nzen.

Wenn Du uns dabei unterst�tzen m�chtest, kannst Du mit Hilfe einer kleinen Spende dazu beitragen.

Deine Spende hilft!

Spendenziel: 45 €

58%

Taschenrechner im HTML-Format - Teil 1Aktualisiert 16.10.22

Taschenrechner mit neuen Funktionen - Teil 2Aktualisiert 16.10.22

Online Taschenrechner als Widgats

Taschenrechner per Grafik-Button immer verfügbar - Teil 3

Taschenrechner über Navigation und Sidebar aufrufen - Teil 4

Taschenrechner im HTML-Format - Teil 1
Aktualisiert 16.10.22

Taschenrechner mit neuen Funktionen - Teil 2
Aktualisiert 16.10.22