diff --git a/boilerplate.css b/boilerplate.css index 2af74e8..585c881 100644 --- a/boilerplate.css +++ b/boilerplate.css @@ -16,15 +16,35 @@ * ==|== Normalisieren ====================================================== */ - /* ============================================================================= HTML5-Anzeigedefinitionen ========================================================================== */ -article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; } -audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; } -audio:not([controls]) { display: none; } -[hidden] { display: none; } +article, +aside, +details, +figcaption, +figure, +footer, +header, +hgroup, +nav, +section { + display: block; +} +audio, +canvas, +video { + display: inline-block; + *display: inline; + *zoom: 1; +} +audio:not([controls]) { + display: none; +} +[hidden] { + display: none; +} /* ============================================================================= Basis @@ -36,11 +56,27 @@ audio:not([controls]) { display: none; } * 3. Verhindern der iOS-Textgrößenanpassung beim Ändern der Geräteausrichtung ohne den Benutzerzoom zu deaktivieren: h5bp.com/g */ -html { font-size: 100%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } +html { + font-size: 100%; + overflow-y: scroll; + -webkit-text-size-adjust: 100%; + -ms-text-size-adjust: 100%; +} -body { margin: 0; font-size: 13px; line-height: 1.231; } +body { + margin: 0; + font-size: 13px; + line-height: 1.231; +} -body, button, input, select, textarea { font-family: sans-serif; color: #222; } +body, +button, +input, +select, +textarea { + font-family: sans-serif; + color: #222; +} /* * Textschatten in der Auswahlmarkierung entfernen: h5bp.com/i @@ -57,58 +93,132 @@ body, button, input, select, textarea { font-family: sans-serif; color: #222; } Hyperlinks ========================================================================== */ -a { color: #00e; } -a:visited { color: #551a8b; } -a:hover { color: #06e; } -a:focus { outline: thin dotted; } +a { + color: #00e; +} +a:visited { + color: #551a8b; +} +a:hover { + color: #06e; +} +a:focus { + outline: thin dotted; +} /* Verbessert in allen Browsern die Lesbarkeit von Hyperlinks, die über die Tabulatortaste fokussiert werden (focus) und von Hyperlinks, auf die der Mauszeiger gerichtet ist (hover): h5bp.com/h */ -a:hover, a:active { outline: 0; } - +a:hover, +a:active { + outline: 0; +} /* ============================================================================= Typografie ========================================================================== */ -abbr[title] { border-bottom: 1px dotted; } +abbr[title] { + border-bottom: 1px dotted; +} -b, strong { font-weight: bold; } +b, +strong { + font-weight: bold; +} -blockquote { margin: 1em 40px; } +blockquote { + margin: 1em 40px; +} -dfn { font-style: italic; } +dfn { + font-style: italic; +} -hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; } +hr { + display: block; + height: 1px; + border: 0; + border-top: 1px solid #ccc; + margin: 1em 0; + padding: 0; +} -ins { background: #ff9; color: #000; text-decoration: none; } +ins { + background: #ff9; + color: #000; + text-decoration: none; +} -mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; } +mark { + background: #ff0; + color: #000; + font-style: italic; + font-weight: bold; +} /* Nichtproportionale Schriftfamilie neu deklarieren: h5bp.com/j */ -pre, code, kbd, samp { font-family: monospace, monospace; _font-family: 'courier new', monospace; font-size: 1em; } +pre, +code, +kbd, +samp { + font-family: monospace, monospace; + _font-family: "courier new", monospace; + font-size: 1em; +} /* In allen Browsern die Lesbarkeit von vorformatiertem Text verbessern */ -pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; } +pre { + white-space: pre; + white-space: pre-wrap; + word-wrap: break-word; +} -q { quotes: none; } -q:before, q:after { content: ""; content: none; } +q { + quotes: none; +} +q:before, +q:after { + content: ""; + content: none; +} -small { font-size: 85%; } +small { + font-size: 85%; +} /* Text höher oder tiefer stellen ohne die Zeilenhöhe zu beeinflussen: h5bp.com/k */ -sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } -sup { top: -0.5em; } -sub { bottom: -0.25em; } - +sub, +sup { + font-size: 75%; + line-height: 0; + position: relative; + vertical-align: baseline; +} +sup { + top: -0.5em; +} +sub { + bottom: -0.25em; +} /* ============================================================================= Listen ========================================================================== */ -ul, ol { margin: 1em 0; padding: 0 0 0 40px; } -dd { margin: 0 0 0 40px; } -nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; } - +ul, +ol { + margin: 1em 0; + padding: 0 0 0 40px; +} +dd { + margin: 0 0 0 40px; +} +nav ul, +nav ol { + list-style: none; + list-style-image: none; + margin: 0; + padding: 0; +} /* ============================================================================= Eingebetteter Inhalt @@ -119,38 +229,56 @@ nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0 * 2. Entfernen der Lücke zwischen Bildern und Rahmen in Bildcontainern: h5bp.com/e */ -img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; } +img { + border: 0; + -ms-interpolation-mode: bicubic; + vertical-align: middle; +} /* * Korrekter Überlauf in IE9 nicht verborgen */ -svg:not(:root) { overflow: hidden; } - +svg:not(:root) { + overflow: hidden; +} /* ============================================================================= Abbildungen ========================================================================== */ -figure { margin: 0; } - +figure { + margin: 0; +} /* ============================================================================= Formulare ========================================================================== */ -form { margin: 0; } -fieldset { border: 0; margin: 0; padding: 0; } +form { + margin: 0; +} +fieldset { + border: 0; + margin: 0; + padding: 0; +} /* Festlegen, dass 'label' den Fokus auf das betreffende Forularelement setzt */ -label { cursor: pointer; } +label { + cursor: pointer; +} /* * 1. Korrekte Farbe wird in IE6/7/8/9 nicht vererbt * 2. Korrekte Ausrichtung wird in IE6/7 merkwürdig angezeigt */ -legend { border: 0; *margin-left: -7px; padding: 0; } +legend { + border: 0; + *margin-left: -7px; + padding: 0; +} /* * 1. Korrekte Schriftgröße wird in keinem der Browser vererbt @@ -158,123 +286,233 @@ legend { border: 0; *margin-left: -7px; padding: 0; } * 3. Definieren konsistenter vertikaler Ausrichtung für alle Browser */ -button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; } +button, +input, +select, +textarea { + font-size: 100%; + margin: 0; + vertical-align: baseline; + *vertical-align: middle; +} /* * 1. Für eine Übereinstimmung mit FF3/4 die Zeilenhöhe als normal definieren (im UA-Stylesheet '!important' verwenden) * 2. Korrekter innerer Abstand wird in IE6/7 merkwürdig angezeigt */ -button, input { line-height: normal; *overflow: visible; } +button, +input { + line-height: normal; + *overflow: visible; +} /* * In 'table' inneren Abstand wieder einführen, um Überlappungen zu vermeiden und IE6/7-Probleme mit Leerraum zu vermeiden. */ -table button, table input { *overflow: auto; } +table button, +table input { + *overflow: auto; +} /* * 1. Anzeigen des Handcursors bei klickbaren Formularelementen * 2. Gestaltung klickbarer Formularelemente in iOS ermöglichen */ -button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; } +button, +input[type="button"], +input[type="reset"], +input[type="submit"] { + cursor: pointer; + -webkit-appearance: button; +} /* * Konsistente Größe und Darstellung von Feldern */ -input[type="checkbox"], input[type="radio"] { box-sizing: border-box; } -input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; } -input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } +input[type="checkbox"], +input[type="radio"] { + box-sizing: border-box; +} +input[type="search"] { + -webkit-appearance: textfield; + -moz-box-sizing: content-box; + -webkit-box-sizing: content-box; + box-sizing: content-box; +} +input[type="search"]::-webkit-search-decoration { + -webkit-appearance: none; +} /* * In FF3/4 innere Auffüllung und Rahmen entfernen: h5bp.com/l */ -button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } +button::-moz-focus-inner, +input::-moz-focus-inner { + border: 0; + padding: 0; +} /* * 1. In IE6/7/8/9 vertikale Standardbildlaufleiste entfernen * 2. Größenänderung nur in der Vertikale zulassen */ -textarea { overflow: auto; vertical-align: top; resize: vertical; } +textarea { + overflow: auto; + vertical-align: top; + resize: vertical; +} /* Farben für die Formularüberprüfung */ -input:valid, textarea:valid { } -input:invalid, textarea:invalid { background-color: #f0dddd; } - +input:valid, +textarea:valid { +} +input:invalid, +textarea:invalid { + background-color: #f0dddd; +} /* ============================================================================= Tabellen ========================================================================== */ -table { border-collapse: collapse; border-spacing: 0; } -td { vertical-align: top; } - +table { + border-collapse: collapse; + border-spacing: 0; +} +td { + vertical-align: top; +} /* ==|== Primärstile ======================================================== Autor: ========================================================================== */ - - - - - - - - - - - - - - - /* ==|== nichtsemantische Helferklassen ======================================== Definieren Sie Ihre Stile vor dieser Auswahl ========================================================================== */ /* Für den Austausch von Bildern */ -.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; } -.ir br { display: none; } +.ir { + display: block; + border: 0; + text-indent: -999em; + overflow: hidden; + background-color: transparent; + background-repeat: no-repeat; + text-align: left; + direction: ltr; +} +.ir br { + display: none; +} /* Vor Bildschirmleseprogrammen und Browsern verbergen: h5bp.com/u */ -.hidden { display: none !important; visibility: hidden; } +.hidden { + display: none !important; + visibility: hidden; +} /* Nur visuell verbergen, aber für Bildschirmleseprogramme bereithalten: h5bp.com/v */ -.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } +.visuallyhidden { + border: 0; + clip: rect(0 0 0 0); + height: 1px; + margin: -1px; + overflow: hidden; + padding: 0; + position: absolute; + width: 1px; +} /* Erweitert die Klasse ".visuallyhidden" so, dass das Element bei der Tastaturnavigation den Fokus erhält: h5bp.com/p */ -.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; } +.visuallyhidden.focusable:active, +.visuallyhidden.focusable:focus { + clip: auto; + height: auto; + margin: 0; + overflow: visible; + position: static; + width: auto; +} /* Visuell und vor Bildschirmleseprogrammen verbergen, aber das Layout beibehalten */ -.invisible { visibility: hidden; } - -/* Floats beinhalten: h5bp.com/q */ -.clearfix:before, .clearfix:after { content: ""; display: table; } -.clearfix:after { clear: both; } -.clearfix { zoom: 1; } +.invisible { + visibility: hidden; +} +/* Floats beinhalten: h5bp.com/q */ +.clearfix:before, +.clearfix:after { + content: ""; + display: table; +} +.clearfix:after { + clear: both; +} +.clearfix { + zoom: 1; +} /* ==|== Druckstile ========================================================== Druckstile. Innen, um die erforderliche HTTP-Verbindung zu vermeiden: h5bp.com/r ========================================================================== */ - - @media print { - * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Schwarz druckt schneller: h5bp.com/s */ - a, a:visited { text-decoration: underline; } - a[href]:after { content: " (" attr(href) ")"; } - abbr[title]:after { content: " (" attr(title) ")"; } - .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } /* Keine Bildverweise anzeigen und keine javascript/internal- Hyperlinks */ - pre, blockquote { border: 1px solid #999; page-break-inside: avoid; } - thead { display: table-header-group; } /* h5bp.com/t */ - tr, img { page-break-inside: avoid; } - img { max-width: 100% !important; } - @page { margin: 0.5cm; } - p, h2, h3 { orphans: 3; widows: 3; } - h2, h3 { page-break-after: avoid; } + +@media print { + * { + background: transparent !important; + color: black !important; + text-shadow: none !important; + filter: none !important; + -ms-filter: none !important; + } /* Schwarz druckt schneller: h5bp.com/s */ + a, + a:visited { + text-decoration: underline; + } + a[href]:after { + content: " (" attr(href) ")"; + } + abbr[title]:after { + content: " (" attr(title) ")"; + } + .ir a:after, + a[href^="javascript:"]:after, + a[href^="#"]:after { + content: ""; + } /* Keine Bildverweise anzeigen und keine javascript/internal- Hyperlinks */ + pre, + blockquote { + border: 1px solid #999; + page-break-inside: avoid; + } + thead { + display: table-header-group; + } /* h5bp.com/t */ + tr, + img { + page-break-inside: avoid; + } + img { + max-width: 100% !important; + } + @page { + margin: 0.5cm; + } + p, + h2, + h3 { + orphans: 3; + widows: 3; + } + h2, + h3 { + page-break-after: avoid; + } } diff --git a/impressum.php b/impressum.php index 4ff74b4..89f0348 100644 --- a/impressum.php +++ b/impressum.php @@ -5,75 +5,147 @@ + - - - - - - - - - -Mettcalc - Dein Mettrechner - - - - + + + + + + + + + + Mettcalc - Dein Mettrechner + + + + + -
-
-

Impressum

Angaben gemäß § 5 TMG

Florian Otto
-Hammerweg 37
-59929 Brilon-Wald
-

Vertreten durch:
-Florian Otto
-

Kontakt:
-
-1692
-1692

-

Haftungsausschluss:

Haftung für Inhalte

-Die Inhalte unserer Seiten wurden mit größter Sorgfalt erstellt. Für die Richtigkeit, Vollständigkeit und Aktualität der Inhalte können wir jedoch keine Gewähr übernehmen. Als Diensteanbieter sind wir gemäß § 7 Abs.1 TMG für eigene Inhalte auf diesen Seiten nach den allgemeinen Gesetzen verantwortlich. Nach §§ 8 bis 10 TMG sind wir als Diensteanbieter jedoch nicht verpflichtet, übermittelte oder gespeicherte fremde Informationen zu überwachen oder nach Umständen zu forschen, die auf eine rechtswidrige Tätigkeit hinweisen. Verpflichtungen zur Entfernung oder Sperrung der Nutzung von Informationen nach den allgemeinen Gesetzen bleiben hiervon unberührt. Eine diesbezügliche Haftung ist jedoch erst ab dem Zeitpunkt der Kenntnis einer konkreten Rechtsverletzung möglich. Bei Bekanntwerden von entsprechenden Rechtsverletzungen werden wir diese Inhalte umgehend entfernen.

Haftung für Links

-Unser Angebot enthält Links zu externen Webseiten Dritter, auf deren Inhalte wir keinen Einfluss haben. Deshalb können wir für diese fremden Inhalte auch keine Gewähr übernehmen. Für die Inhalte der verlinkten Seiten ist stets der jeweilige Anbieter oder Betreiber der Seiten verantwortlich. Die verlinkten Seiten wurden zum Zeitpunkt der Verlinkung auf mögliche Rechtsverstöße überprüft. Rechtswidrige Inhalte waren zum Zeitpunkt der Verlinkung nicht erkennbar. Eine permanente inhaltliche Kontrolle der verlinkten Seiten ist jedoch ohne konkrete Anhaltspunkte einer Rechtsverletzung nicht zumutbar. Bei Bekanntwerden von Rechtsverletzungen werden wir derartige Links umgehend entfernen.

Urheberrecht

-Die durch die Seitenbetreiber erstellten Inhalte und Werke auf diesen Seiten unterliegen dem deutschen Urheberrecht. Die Vervielfältigung, Bearbeitung, Verbreitung und jede Art der Verwertung außerhalb der Grenzen des Urheberrechtes bedürfen der schriftlichen Zustimmung des jeweiligen Autors bzw. Erstellers. Downloads und Kopien dieser Seite sind nur für den privaten, nicht kommerziellen Gebrauch gestattet. Soweit die Inhalte auf dieser Seite nicht vom Betreiber erstellt wurden, werden die Urheberrechte Dritter beachtet. Insbesondere werden Inhalte Dritter als solche gekennzeichnet. Sollten Sie trotzdem auf eine Urheberrechtsverletzung aufmerksam werden, bitten wir um einen entsprechenden Hinweis. Bei Bekanntwerden von Rechtsverletzungen werden wir derartige Inhalte umgehend entfernen.

Datenschutz

-Die Nutzung unserer Webseite ist in der Regel ohne Angabe personenbezogener Daten möglich. Soweit auf unseren Seiten personenbezogene Daten (beispielsweise Name, Anschrift oder eMail-Adressen) erhoben werden, erfolgt dies, soweit möglich, stets auf freiwilliger Basis. Diese Daten werden ohne Ihre ausdrückliche Zustimmung nicht an Dritte weitergegeben.
-Wir weisen darauf hin, dass die Datenübertragung im Internet (z.B. bei der Kommunikation per E-Mail) Sicherheitslücken aufweisen kann. Ein lückenloser Schutz der Daten vor dem Zugriff durch Dritte ist nicht möglich.
-Der Nutzung von im Rahmen der Impressumspflicht veröffentlichten Kontaktdaten durch Dritte zur Übersendung von nicht ausdrücklich angeforderter Werbung und Informationsmaterialien wird hiermit ausdrücklich widersprochen. Die Betreiber der Seiten behalten sich ausdrücklich rechtliche Schritte im Falle der unverlangten Zusendung von Werbeinformationen, etwa durch Spam-Mails, vor.
-

- -
-
- +
+
+ +
+

Impressum

+

Angaben gemäß § 5 TMG

+

Florian Otto
+ Hammerweg 37
+ 59929 Brilon-Wald
+

+

Vertreten durch:
+ Florian Otto
+

+

Kontakt:
+
+ 1692
+ 1692
+

+

Haftungsausschluss:

Haftung für Inhalte

+ Die Inhalte unserer Seiten wurden mit größter Sorgfalt erstellt. Für die Richtigkeit, + Vollständigkeit und Aktualität der Inhalte können wir jedoch keine Gewähr übernehmen. Als + Diensteanbieter sind wir gemäß § 7 Abs.1 TMG für eigene Inhalte auf diesen Seiten nach den + allgemeinen Gesetzen verantwortlich. Nach §§ 8 bis 10 TMG sind wir als Diensteanbieter jedoch + nicht verpflichtet, übermittelte oder gespeicherte fremde Informationen zu überwachen oder nach + Umständen zu forschen, die auf eine rechtswidrige Tätigkeit hinweisen. Verpflichtungen zur + Entfernung oder Sperrung der Nutzung von Informationen nach den allgemeinen Gesetzen bleiben + hiervon unberührt. Eine diesbezügliche Haftung ist jedoch erst ab dem Zeitpunkt der Kenntnis + einer konkreten Rechtsverletzung möglich. Bei Bekanntwerden von entsprechenden + Rechtsverletzungen werden wir diese Inhalte umgehend entfernen.

Haftung für + Links

+ Unser Angebot enthält Links zu externen Webseiten Dritter, auf deren Inhalte wir keinen Einfluss + haben. Deshalb können wir für diese fremden Inhalte auch keine Gewähr übernehmen. Für die + Inhalte der verlinkten Seiten ist stets der jeweilige Anbieter oder Betreiber der Seiten + verantwortlich. Die verlinkten Seiten wurden zum Zeitpunkt der Verlinkung auf mögliche + Rechtsverstöße überprüft. Rechtswidrige Inhalte waren zum Zeitpunkt der Verlinkung nicht + erkennbar. Eine permanente inhaltliche Kontrolle der verlinkten Seiten ist jedoch ohne konkrete + Anhaltspunkte einer Rechtsverletzung nicht zumutbar. Bei Bekanntwerden von Rechtsverletzungen + werden wir derartige Links umgehend entfernen.

Urheberrecht

+ Die durch die Seitenbetreiber erstellten Inhalte und Werke auf diesen Seiten unterliegen dem + deutschen Urheberrecht. Die Vervielfältigung, Bearbeitung, Verbreitung und jede Art der + Verwertung außerhalb der Grenzen des Urheberrechtes bedürfen der schriftlichen Zustimmung des + jeweiligen Autors bzw. Erstellers. Downloads und Kopien dieser Seite sind nur für den privaten, + nicht kommerziellen Gebrauch gestattet. Soweit die Inhalte auf dieser Seite nicht vom Betreiber + erstellt wurden, werden die Urheberrechte Dritter beachtet. Insbesondere werden Inhalte Dritter + als solche gekennzeichnet. Sollten Sie trotzdem auf eine Urheberrechtsverletzung aufmerksam + werden, bitten wir um einen entsprechenden Hinweis. Bei Bekanntwerden von Rechtsverletzungen + werden wir derartige Inhalte umgehend entfernen.

Datenschutz

+ Die Nutzung unserer Webseite ist in der Regel ohne Angabe personenbezogener Daten möglich. + Soweit auf unseren Seiten personenbezogene Daten (beispielsweise Name, Anschrift oder + eMail-Adressen) erhoben werden, erfolgt dies, soweit möglich, stets auf freiwilliger Basis. + Diese Daten werden ohne Ihre ausdrückliche Zustimmung nicht an Dritte weitergegeben.
+ Wir weisen darauf hin, dass die Datenübertragung im Internet (z.B. bei der Kommunikation per + E-Mail) Sicherheitslücken aufweisen kann. Ein lückenloser Schutz der Daten vor dem Zugriff durch + Dritte ist nicht möglich.
+ Der Nutzung von im Rahmen der Impressumspflicht veröffentlichten Kontaktdaten durch Dritte zur + Übersendung von nicht ausdrücklich angeforderter Werbung und Informationsmaterialien wird + hiermit ausdrücklich widersprochen. Die Betreiber der Seiten behalten sich ausdrücklich + rechtliche Schritte im Falle der unverlangten Zusendung von Werbeinformationen, etwa durch + Spam-Mails, vor.
+

+ +
+
+ - + + \ No newline at end of file diff --git a/index.php b/index.php index 487983f..9cc9ff9 100644 --- a/index.php +++ b/index.php @@ -5,89 +5,103 @@ + - - - - - - - - - -Mettcalc - Dein Mettrechner - - - - + + + + + + + + + + Mettcalc - Dein Mettrechner + + + + + -
-
-

mettcalc.de

-

Brötchenhälften: -
- Menge Mett: - -
-
- -

- -

- +

+
+

mettcalc.de

+

Brötchenhälften: +
+ Menge Mett: + +
+
+ +

+
+

+ -

- -
-
- +
+ + - + + \ No newline at end of file diff --git a/mett.js b/mett.js index c1d7357..079c7f7 100644 --- a/mett.js +++ b/mett.js @@ -1,61 +1,71 @@ -!!(function() { - var aUnits = { - 'wenig': 30, - 'normal': 40, - 'viel': 50, - 'sehr viel': 60 - } - var iHunger = 40; - var iRolls = 1; - var $oRolls = $('#halfRolls'); - var $oSelect = $('#hunger'); - var aMeasures = ['G', 'KG', 'T']; +!!(function () { + var aUnits = { + wenig: 30, + normal: 40, + viel: 50, + "sehr viel": 60, + }; + var iHunger = 40; + var iRolls = 1; + var $oRolls = $("#halfRolls"); + var $oSelect = $("#hunger"); + var aMeasures = ["G", "KG", "T"]; - var inf = function(iIn) { - var sIn = String(Math.round(iIn)); - var rGx = /(\d+)(\d{3})/; - while(rGx.test(sIn)) sIn = sIn.replace(rGx, '$1.$2'); - return sIn; - } - var nf = function(fIn) { - var aIn = String(parseFloat(fIn).toFixed(2)).split('.'); - var rGx = /(\d+)(\d{3})/; - while(rGx.test(aIn[0])) aIn[0] = aIn[0].replace(rGx, '$1.$2'); - return aIn.join(','); - } - var calc = function() { - var fHack = iRolls * iHunger; - var sMeas = ''; - var bDiv = false; - for(var i in aMeasures) { - sMeas = aMeasures[i]; - if(fHack < 1000) break; - fHack /= 1000; - bDiv = true; - } - document.location.hash = 'r'+iRolls+'-m'+iHunger; - $('#out').text('Bestell '+(bDiv ? nf(fHack) : inf(fHack))+' '+sMeas+' Mett beim Metzger, bro.'); - } + var inf = function (iIn) { + var sIn = String(Math.round(iIn)); + var rGx = /(\d+)(\d{3})/; + while (rGx.test(sIn)) sIn = sIn.replace(rGx, "$1.$2"); + return sIn; + }; + var nf = function (fIn) { + var aIn = String(parseFloat(fIn).toFixed(2)).split("."); + var rGx = /(\d+)(\d{3})/; + while (rGx.test(aIn[0])) aIn[0] = aIn[0].replace(rGx, "$1.$2"); + return aIn.join(","); + }; + var calc = function () { + var fHack = iRolls * iHunger; + var sMeas = ""; + var bDiv = false; + for (var i in aMeasures) { + sMeas = aMeasures[i]; + if (fHack < 1000) break; + fHack /= 1000; + bDiv = true; + } + document.location.hash = "r" + iRolls + "-m" + iHunger; + $("#out").text( + "Bestell " + + (bDiv ? nf(fHack) : inf(fHack)) + + " " + + sMeas + + " Mett beim Metzger, bro.", + ); + }; - var aMatch = document.location.hash.match(/r(\d+)-m(\d+)/); - if(aMatch) { - iRolls = parseInt(aMatch[1]); - iHunger = parseInt(aMatch[2]); - calc(); - } + var aMatch = document.location.hash.match(/r(\d+)-m(\d+)/); + if (aMatch) { + iRolls = parseInt(aMatch[1]); + iHunger = parseInt(aMatch[2]); + calc(); + } - $oRolls.val(iRolls).on('change', function() { - iRolls = parseInt($oRolls.val()); - }); - - $.each(aUnits, function(name, e) { - $oSelect.append($('