Beschreibung:
Wolf, Jürgen
Jürgen Wolf ist Softwareentwickler, Digitalfotograf und Autor aus Leidenschaft. C/C++, Perl, Linux und die Bildbearbeitung mit Photoshop Elements und GIMP sind seine Themen. Sein Traum: ein ruhiges Leben im Westen Kanadas. Und Bücher auf der Veranda schreiben. Besuchen Sie seine umfangreiche Website pronix.de.
Wollen Sie faszinierende Websites mit HTML5 und CSS3 gestalten? Jürgen Wolf gibt Ihnen eine grundlegende Einführung in die Arbeit mit HTML5, CSS3 und JavaScript. HTML5 bietet vielfältige neue Funktionalitäten wie unter anderem Video, Audio, lokalen Speicher und dynamische 2D- und 3D-Grafiken, die zuvor nicht direkt unterstützt wurden. Mit CSS3, der neuen Version des Webstandards CSS, lassen sich viele Effekte mit weniger Code umsetzen: abgerundete Ecken, Schatten, unterschiedliche Deckkraft, Transparenzen, Einsatz beliebiger Schriften, neue Farbangaben etc. Das Buch ist ein Lern- und Nachschlagewerk für jeden, der HTML und CSS unter Betonung der neuen Features von HTML5 und CSS3 erlernen möchte. Inkl. HTML 5.2
Aus dem Inhalt:
- HTML5-GRUNDLAGEN
- Syntax und Aufbau
- Semantische Strukturen
- Tabellen, Hyperlinks, Bilder
- HTML-Formulare, Videos, Audio
- CSS3-GRUNDLAGEN
- Alle Neuheiten von CSS3
- Das neue Box-Modell
- Styling, Layout, Schrift, Farbe
- Responsive Webdesign mit Media Queries
- CSS-Präprozessoren (Sass)
- MODERNE WEBTECHNOLOGIEN
- JavaScript, Ajax, jQuery
- DOM-Manipulation
- Responsive Images
- CSS-Frameworks (Bootstrap, YAML)
- Geolocation
- Drag & Drop
Die Fachpresse zur Vorauflage:
iX - Magazin für professionelle Informationstechnik: »Fundierte Einführungen, die bei aller gebotenen Knappheit mit Details nicht geizen.«
Mac Life: »Wer seine Webseiten mit moderner Syntax gestalten und aufmotzen möchte, der greife zu diesem kiloschweren Band.«
Dynamische 2D- und 3D-Grafiken, Video, Audio, YAML, Bootstrap, Responsive Webdesign
Vorwort ... 25
Materialien zum Buch ... 30
1. Einführung in das HTML5-Universum ... 31
1.1 ... Ist dieses Buch überhaupt etwas für mich? ... 31
1.2 ... Die verschiedenen Typen von Websites ... 32
1.3 ... Dynamische und statische Websites ... 37
1.4 ... Sprachen für die Gestaltung und Entwicklung im Web ... 41
1.5 ... Was brauche ich, um hier anzufangen? ... 45
1.6 ... Verwendete Konventionen im Buch ... 53
1.7 ... Zusammenfassung ... 54
2. Grundlegender Aufbau von HTML(-Dokumenten) ... 55
2.1 ... Syntax und Aufbau von HTML(-Dokumenten) ... 55
2.2 ... Ein einfaches HTML-Dokument-Grundgerüst ... 65
2.3 ... Zusammenfassung ... 68
3. Die Kopfdaten eines HTML-Dokuments ... 69
3.1 ... Die HTML-Elemente für den Kopf in der Übersicht ... 69
3.2 ...
-- die Überschrift der HTML-Seite ... 70<br><br>3.3 ... Exkurs: Namenskonvention und Referenzierung ... 72<br><br>3.4 ... Die Basis-URL einer Webseite mit <base> definieren ... 76<br><br>3.5 ... Beziehung zu einem externen Dokument mit <link> ... 79<br><br>3.6 ... Dokumentglobale CSS-Stile mit <style> notieren ... 83<br><br>3.7 ... Skripte in Webseiten einbinden mit <script> ... 86<br><br>3.8 ... Metainformationen für das Dokument mit <meta> ... 88<br><br>3.9 ... Zusammenfassung ... 96<br><br><br><br><strong> 4. Der sichtbare Bereich eines HTML-Dokuments ... 99</strong><br><br><br> 4.1 ... HTML-Elemente für Seitenstrukturierung ... 99<br><br>4.2 ... HTML-Elemente für Textstrukturierung ... 117<br><br>4.3 ... Das semantische HTML verwenden ... 138<br><br>4.4 ... HTML-Elemente für Textauszeichnungen ... 146<br><br>4.5 ... Exkurs: Zeichencodierung ... 167<br><br>4.6 ... Zeichenentitäten in HTML ... 169<br><br>4.7 ... Zusammenfassung ... 171<br><br><br><br><strong> 5. Tabellen und Hyperlinks ... 173</strong><br><br><br> 5.1 ... Daten in einer Tabelle strukturieren ... 173<br><br>5.2 ... »Elektronische« Verweise aka Hyperlinks mit <a> ... 188<br><br>5.3 ... Zusammenfassung ... 206<br><br><br><br><strong> 6. Grafiken und Multimedia ... 207</strong><br><br><br> 6.1 ... Bilder mit <img> einbinden ... 208<br><br>6.2 ... Verweissensitive Grafiken aka Image-Maps erstellen ... 217<br><br>6.3 ... Das passende Bild mit <picture> laden ... 223<br><br>6.4 ... Ein Icon für die Website hinzufügen (Favicon) ... 228<br><br>6.5 ... Vektorgrafiken in HTML-Dokumenten verwenden ... 230<br><br>6.6 ... Grafiken zeichnen mit <canvas> ... 237<br><br>6.7 ... Videos mit dem HTML-Element <video> abspielen ... 239<br><br>6.8 ... Audiodateien mit dem HTML-Element <audio> abspielen ... 246<br><br>6.9 ... Andere aktive Inhalte einbinden ... 249<br><br>6.10 ... Zusammenfassung ... 254<br><br><br><br><strong> 7. HTML-Formulare und interaktive Elemente ... 255</strong><br><br><br> 7.1 ... Einen Bereich für Formulare definieren ... 257<br><br>7.2 ... Die HTML-Eingabefelder für Formulare ... 258<br><br>7.3 ... Die neuen HTML5-Eingabefelder mit <input> ... 269<br><br>7.4 ... Die neuen HTML5-Attribute für Eingabefelder ... 276<br><br>7.5 ... Weitere nützliche Helferlein für Eingabefelder ... 283<br><br>7.6 ... Formulardaten mit PHP versenden ... 288<br><br>7.7 ... Interaktive HTML-Elemente ... 295<br><br>7.8 ... Zusammenfassung ... 297<br><br><br><br><strong> 8. Einführung in Cascading Stylesheets (CSS) ... 299</strong><br><br><br> 8.1 ... Die Versionen von CSS ... 300<br><br>8.2 ... Das grundlegende Anwendungsprinzip von CSS ... 301<br><br>8.3 ... Einbindungsmöglichkeiten von CSS in HTML ... 307<br><br>8.4 ... Zusammenfassung ... 320<br><br><br><br><strong> 9. Die Selektoren von CSS ... 321</strong><br><br><br> 9.1 ... Die einfachen Selektoren von CSS ... 323<br><br>9.2 ... Kombinatoren -- die Selektoren verketten ... 361<br><br>9.3 ... Empfehlung: So verwenden Sie effizientes und einfaches CSS ... 371<br><br>9.4 ... Zusammenfassung ... 374<br><br><br><br><strong>10. Die Vererbung und die Kaskade ... 377</strong><br><br><br> 10.1 ... Das Prinzip der Vererbung in CSS ... 377<br><br>10.2 ... Das Regelsystem der Kaskade verstehen ... 388<br><br>10.3 ... Exkurs: Werte an CSS-Eigenschaften übergeben ... 396<br><br>10.4 ... Zusammenfassung ... 407<br><br><br><br><strong>11. Das Box-Modell von CSS ... 409</strong><br><br><br> 11.1 ... Das klassische Box-Modell von CSS ... 410<br><br>11.2 ... Das neue alternative Box-Modell von CSS3 ... 421<br><br>11.3 ... Boxen gestalten ... 429<br><br>11.4 ... Zusammenfassung ... 451<br><br><br><br><strong>12. CSS-Positionierung ... 453</strong><br><br><br> 12.1 ... Positionierung mit der CSS-Eigenschaft »position« ... 453<br><br>12.2 ... Übereinanderstapeln regeln mit »z-index« ... 467<br><br>12.3 ... Schwebende Boxen für die Positionierung mit »float« ... 476<br><br>12.4 ... Die neuen flexiblen Boxen von CSS3 ... 491<br><br>12.5 ... Zusammenfassung ... 504<br><br><br><br><strong>13. Responsive Layouts mit CSS erstellen ... 505</strong><br><br><br> 13.1 ... Theoretisches Grundlagenwissen zum responsiven Webdesign ... 505<br><br>13.2 ... Wir erstellen ein einfaches responsives Layout ... 523<br><br>13.3 ... Noch mehr flexible Elemente ... 542<br><br>13.4 ... Das neue Grid-Layout von CSS3 ... 557<br><br>13.5 ... Verhalten von HTML-Elementen mit »display« ändern ... 569<br><br>13.6 ... Berechnungen mit CSS und der »calc()«-Funktion ... 575<br><br>13.7 ... Zusammenfassung und »Da geht noch (viel) mehr ...« ... 578<br><br><br><br><strong>14. Stylen mit CSS ... 579</strong><br><br><br> 14.1 ... Textgestaltung mit CSS ... 579<br><br>14.2 ... Listen mit CSS gestalten ... 617<br><br>14.3 ... Schönere Tabellen mit CSS gestalten ... 626<br><br>14.4 ... Bilder und Grafiken mit »width« und »height« anpassen ... 632<br><br>14.5 ... Elemente transformieren mit CSS3 ... 635<br><br>14.6 ... Übergänge mit CSS3 erstellen ... 640<br><br>14.7 ... HTML-Formulare mit CSS stylen ... 642<br><br>14.8 ... Zusammenfassung ... 652<br><br><br><br><strong>15. Testen und Organisieren ... 653</strong><br><br><br> 15.1 ... Webbrowser-Tests -- und: Was geht denn so alles? ... 653<br><br>15.2 ... Websites in verschiedenen Größen betrachten ... 660<br><br>15.3 ... Zentrales Stylesheet einrichten ... 662<br><br>15.4 ... CSS-Reset oder -Normalisieren? ... 665<br><br>15.5 ... Was tun, wenn der Webbrowser nicht kann? ... 668<br><br>15.6 ... Zusammenfassung ... 673<br><br><br><br><strong>16. Eine kurze Einführung in JavaScript ... 675</strong><br><br><br> 16.1 ... Was ist JavaScript? ... 676<br><br>16.2 ... Laufzeitumgebungen für JavaScript ... 678<br><br>16.3 ... JavaScript-Programme schreiben und ausführen ... 678<br><br>16.4 ... Die Verwendung von Variablen in JavaScript ... 682<br><br>16.5 ... Übersicht über die JavaScript-Datentypen ... 686<br><br>16.6 ... Bedingte Anweisungen in JavaScript ... 692<br><br>16.7 ... Programmanweisungen mehrmals wiederholen mit Schleifen ... 699<br><br>16.8 ... Arrays ... 704<br><br>16.9 ... Arithmetische Operatoren zum Rechnen in JavaScript ... 707<br><br>16.10 ... Eigene Funktionen in JavaScript erstellen ... 709<br><br>16.11 ... Zusammenfassung ... 717<br><br><br><br><strong>17. Objekte in JavaScript ... 719</strong><br><br><br> 17.1 ... Eigene Objekte in JavaScript ... 719<br><br>17.2 ... Vordefinierte Objekte von JavaScript ... 728<br><br>17.3 ... Einbinden von JavaScript in HTML ... 733<br><br>17.4 ... Browserobjekte bzw. Host-Objekte der Laufzeitumgebung ... 742<br><br>17.5 ... Zusammenfassung ... 752<br><br><br><br><strong>18. HTML DOM und DOM-Manipulation ... 753</strong><br><br><br> 18.1 ... Einführung in das DOM eines HTML-Dokuments ... 754<br><br>18.2 ... Das »document«-Objekt ... 755<br><br>18.3 ... Die Programmierschnittstelle von HTML DOM ... 756<br><br>18.4 ... Auf Elemente im DOM zugreifen ... 757<br><br>18.5 ... HTML-Element, -Attribut oder den Style ändern ... 769<br><br>18.6 ... Auf JavaScript-Events reagieren ... 774<br><br>18.7 ... Mit dem Event-Handler die Events behandeln ... 775<br><br>18.8 ... Gängige JavaScript-Events in der Übersicht ... 779<br><br>18.9 ... Weitere Informationen zu Events mit dem »event«-Objekt ... 784<br><br>18.10 ... Standardaktion von Events unterdrücken ... 787<br><br>18.11 ... Der Event-Fluss (Event-Propagation) ... 788<br><br>18.12 ... HTML-Elemente hinzufügen, ändern, entfernen ... 793<br><br>18.13 ... HTML-Formulare und JavaScript ... 811<br><br>18.14 ... Zusammenfassung ... 818<br><br><br><br><strong>19. Einführung in die HTML5-JavaScript-APIs ... 821</strong><br><br><br> 19.1 ... Video- und Audio-Media-API ... 822<br><br>19.2 ... Zeichnen mit der Canvas-2D-API ... 828<br><br>19.3 ... Den Standort ermitteln mit der Geolocation-API ... 840<br><br>19.4 ... Ziehen und Fallenlassen mit der Drag & Drop-API ... 852<br><br>19.5 ... Web Storage -- Datenbank für Offlineanwendungen ... 861<br><br>19.6 ... Web Workers -- die Helfer im Hintergrund ... 867<br><br>19.7 ... Aktualisieren ohne Anfrage mit Server-Sent Events ... 876<br><br>19.8 ... Weitere interessante APIs im Schnelldurchlauf ... 880<br><br>19.9 ... Zusammenfassung ... 887<br><br><br><br><strong>20. Eine Einführung in Ajax und jQuery ... 889</strong><br><br><br> 20.1 ... Eine Einführung in die Ajax-Programmierung ... 889<br><br>20.2 ... Einführung in die JavaScript-Bibliothek jQuery ... 910<br><br>20.3 ... Zusammenfassung ... 942<br><br><br><br><strong>21. Fertige CSS-Frameworks ... 943</strong><br><br><br> 21.1 ... Übersicht über beliebte CSS-Frameworks ... 944<br><br>21.2 ... Das Bootstrap-Framework ... 945<br><br><br><br><strong>22. Ein einfaches Beispielprojekt ... 973</strong><br><br><br> 22.1 ... Projekt planen ... 973<br><br>22.2 ... Grundgerüst mit Inhalt erstellen ... 977<br><br>22.3 ... Layout der Website erstellen ... 978<br><br>22.4 ... Typografie -- Auswahl der Schriften ... 987<br><br>22.5 ... Farben ... 990<br><br>22.6 ... Navigation und Interaktion ... 991<br><br>22.7 ... Grafiken, Bilder und Multimedia ... 996<br><br>22.8 ... Website testen und optimieren ... 1001<br><br><br><br><strong> Anhang ... 1005</strong><br><br><br> A ... HTML-Referenz ... 1007<br><br>B ... CSS-Referenz ... 1095<br><br>C ... JavaScript- und Browserobjekte ... 1159<br><br>D ... HTML-/WYSIWYG-/CSS-Editoren ... 1185<br><br>E ... Das Layout mit dem Positionierungs- und Float-Modell gestalten ... 1189<br><br><br><br><strong> Index ... 1225</strong><br><br></div></p>
</div>
</div>
</div>
</div></div></div></div></div>
<div class="used-details"></div>
</div>
</div>
<div class="row"><div class="col-lg-12 col-md-12 colaa"><div class="freetext"><div id="divReviewFocus">
<div id="divReviewBlockData" class="container"><h2 style="font-size: 135%;font-weight: 300; line-height:35px">Kunden Rezensionen</h2>
<div class="ratingblock" style="border: 1px solid #ebebeb;padding: 10px;">
<div class="row">
<div class="col-md-8">
<style>
.rate-in .rating-container{ float:left;margin-right:3px;margin-top:3px}
</style>
Zu diesem Artikel ist noch keine Rezension vorhanden.<br />
Helfen sie anderen Besuchern und verfassen Sie selbst eine Rezension.
</div>
<div class='col-md-4'>
<a data-bind="click: btnReviewLoginClick" href='javascript:;' class='btn btn-warning'>> neue Rezension schreiben</a>
</div>
</div>
<div id='RatingDialog' class="row" style='display: none;'>
<input type='hidden' id='hdnEan' value='9783836262262' />
<input type="hidden" id="hdnTit" value="HTML5 und CSS3">
<div class="col-md-8">
<strong>Bewertung</strong>
<div class='form-group'>
<span class='right ratinghelpful' style='margin-right: 12px;'>Bitte geben Sie eine Bewertung für diesen Artikel ab.</span>
<input id="input-newrating" data-step="1" data-show-caption="false">
</div>
<div class='form-group'>
<label class="control-label">
<strong>Ihre Rezension</strong></label>
<textarea cols='20' rows='10' name='txtReviewFreeText' id='txtReviewFreeText' class='form-control' placeholder="Hier können Sie Ihre Bewertung abgeben." ></textarea>
<div class="checkbox">
<label><input id='chkReviewAccept' type='checkbox' data-bind = "checked: isConfirm"> Dieser Beitrag wurde von mir selbst erstellt und nicht aus anderen Quellen kopiert.</label>
</div>
<div id="divReviewErrorMsg" class="form-group alert alert-danger alert-dismissable" data-bind="visible: (reviewConfirmmsg() !='')" class="errormessage">
<label data-bind="text: reviewConfirmmsg"></label>
</div>
<a data-bind="click: btnAddReview" class="btn btn-warning" href='javascript:;'>Rezension eintragen ></a>
</div>
</div>
</div>
<hr>
</div></div>
</div></div>
</div>
</div>
<div class="row"><div class="col-lg-12 col-md-12 colaa"><div id='me2DetailDiv' data-code='3540'></div>
</div>
</div>
</section>
</div>
</div></div> </div> </div> </div> <footer>
<div class="footer-newsletter">
<div class="container">
<div class="row">
<div class="colo-xs-12 col-md-3 col-sm-3 ">
<h4>Jetzt zum <span class="kisch-footer-hover"><a href="https://www.kisch-online.de/i/account.html#/newsletter/1/">Newsletter</a></span> von Kisch & Co. anmelden</h4><!--<span>und Willkommensgutschein sichern</span>-->
</div>
<div class="col-xs-12 col-md-7 col-sm-7">
<div id="divFooterNewsletter"></div>
</div>
<div class="col-xs-12 col-md-2 col-sm-2">
<div class="social">
<ul class="inline-mode">
<li class="social-network fb"><a href="https://www.facebook.com/KischUndCo/" title="Folgen Sie uns auf Facebook" target="_blank"></a>
</li>
<li class="social-network instagram"><a href="https://www.instagram.com/kischundco/?hl=de" title="Folgen Sie uns auf Instagram" target=_blank></a>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div class="footer-main">
<div class="container">
<div style="border-bottom: 1px solid #000">
<div class="row">
<div class="col-sm-3 col-xs-12 col-lg-3 col-md-3">
<div class="footer-links">
<div class="footer-logo">
<a href="/">
<img alt="footer logo" class="lazyload" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="/content/images/footer-logo.png">
</a>
</div>
<div class="email" style="margin-left: -13px;">
<i class="fa fa-envelope"></i><p>info@kisch-online.de </p>
</div>
<!--
<div class="phone">
<i class="fa fa-phone"></i><p>+49 (0) 33087 53901 0</p>
</div>
<div class="address"><i class="fa fa-map-marker"></i><p><strong>Kisch & Co</strong><br>Bredereicher Str. 20<br>16798 Fürstenberg, OT Blumenow <br>Wir sind gerne für Sie persönlich da.</p></div> -->
<div class="row">
<div class="coppyright">
<p>* inkl. MwSt <a rel="nofollow" href="javascript:;" title="Versandkostenfrei innerhalb Deutschlands ab 30€" data-bind="click: btnShippigCostClick">Versandkostenfrei innerhalb Deutschlands ab 30€</a><br>** Mängelexemplar / Restauflage: Frühere Preisbindung aufgehoben</p>
</div>
</div>
</div>
</div>
<div class="col-sm-3 col-xs-12 col-lg-3 col-md-3 collapsed-block">
<div class="footer-links">
<h4 class="links-title"><span class="kisch-footer-hover2"><a href="https://www.kisch-online.de/i/account.html#/contactus" title="ABG">Kontakt</a></span></h4>
<div class="email">Sie haben Fragen? <a href="/faq.html" alt="Hier finden Sie Antworten auf häufig gestellte Fragen." title="Hier finden Sie Antworten auf häufig gestellte Fragen.">Hier finden Sie Antworten auf häufig gestellte Fragen.</a>
</div>
<div class="phone">Fragen per E-Mail: info@kisch-online.de
</div>
<!--<div class="address"></div>-->
</div>
</div>
<div class="col-sm-3 col-xs-12 col-lg-3 col-md-3 collapsed-block">
<div class="footer-links">
<h4 class="links-title">Ihre Vorteile bei uns</h4>
<div class="tabBlock">
<ul class="list-links list-unstyled">
<li><a rel="nofollow" href="javascript:;" title="Kostenloser Versand innerhalb Deutschlands ab 30€" data-bind="click: btnShippigCostClick">Kostenloser Versand innerhalb Deutschlands ab 30€</a
</li>
<li><a href="/faq.html#Datensicherheit" title="SSL-Verschlüsselung" alt="SSL-Verschlüsselung">Sicherer Online Shop und Zahlung mit SSL-Verschlüsselung</a>
</li>
<li><a href="/versand-und-lieferung.html" title="Viele Zahlungsmethoden" alt="Viele Zahlungsmethoden">Viele Zahlungsmethoden wie PayPal, Kreditkarte, Sofort, Vorkasse</a>
</li>
</ul>
</div>
</div>
</div>
<div class="col-sm-3 col-xs-12 col-lg-3 col-md-3 collapsed-block">
<div class="footer-links">
<h4 class="links-title Zal">Zahlweisen</h4>
<img alt="PayPal" class="lazyload" src="/content/images/botom-paypal_pl.png" title="">
</div>
<div class="footer-links">
<h4 class="links-title Zal">Versandarten</h4>
<img alt="Versandart" class="lazyload" src="/content/images/botom-carrier.png" title="">
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-lg-12 col-md-12 col-sm-12">
<div class="footer-agb" style="padding:10px 0 !important;">
<ul >
<li><a href="https://www.kisch-online.de/agb.html" title="ABG">AGB</a></li>
<li><a href="https://www.kisch-online.de/impressum.html" title="Impressum">Impressum</a></li>
<li><a href="https://www.kisch-online.de/datenschutz.html" title="Datenschutz">Datenschutz</a></li>
<li><a href="https://www.kisch-online.de/i/account.html#/newsletter/1/" title="Newsletter">Newsletter</a></li>
<li><a href="https://www.kisch-online.de/faq.html" title="FAQ">FAQ - Häufige Fragen</a></li>
<li><a href="javascript:;" data-bind="click:btnContactusClick" title="Kontakt">Kontakt</a></li>
<span><a href="https://www.kisch-online.de/widerrufsrecht.html" title="Widerrufsrecht"> Widerrufsrecht</a></span>
</ul>
</div>
</div>
<div class="col-lg-12 col-md-12 col-sm-12">
<div class="footerVersand">
<!-- * inkl. MwSt ggf. zzgl. Versandkosten/Lieferbeschränkungen-->
</diV>
</div>
</div>
</div>
</div>
<div class="footer-coppyright">
<div class="container">
<div class="row">
<div class="col-sm-4 col-xs-12 coppyright">
<!--
<p>* inkl. MwSt <a href="/versand-und-lieferung.html" title="Versandkostenfrei innerhalb Deutschlands">Versandkostenfrei innerhalb Deutschlands</a><br>** Mängelexemplar / Restauflage: Frühere Preisbindung aufgehoben
</p>-->
<span>© 2021 <strong>Kisch & Co</strong></span><span style="color:red"> Powered by Inooga</span>
</div>
</div>
</div>
</div>
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "Corporation",
"name": "Kisch",
"alternateName": "Kisch",
"url": "https://www.kisch-online.de/",
"logo": "https://www.kisch-online.de/Content/images/kisch-logo.png",
"contactPoint": {
"@type": "ContactPoint",
"telephone": "+49 (0) 33087 53901 0",
"contactType": "customer service",
"contactOption": "HearingImpairedSupported",
"areaServed": "DE",
"availableLanguage": "German"
},
"sameAs": [
"https://www.facebook.com/Kisch"
]
}
</script>
</footer>
</div>
<script src="/Config/Resx.common.pms.20240417170017.js" type="text/javascript"></script>
<script src="/scripts/shop.20240417170017.js"></script>
<script type="text/javascript">
$(document).ready(function() {
// check for cookie on load
function sListCheck(checkedall){
var sList = "";
$('input[type=checkbox]').each(function (e) {
var sThisVal = (this.checked ? "1" : "0");
if(checkedall==="1"){
//all selected all cookies true
setCookie($(this)[0].id,true, 365);
}
else{
if(sThisVal==="1"){
// only slected cooke true
setCookie($(this)[0].id,true, 365)
}else{
setCookie($(this)[0].id,false, 365)
}
}
});
}
//console.log (sList);
$("#cookie-all").click(function(){
sListCheck("1");
$(".bg").fadeOut(200);
});
$("#cookie-edit").click(function(){
$(".bg").show();
var slectedOptions=[]
//Get a list of all cookies as a semicolon+space-separated string
document.cookie.split(';')
//Filter determines if an element should remain in the array. Here we check if a search string appears at the beginning of the string
.filter(function(c) {
return c.trim().indexOf('i_') === 0;
})
//Map applies a modifier to all elements in an array, here we trim spaces on both sides of the string
.map(function(c) {
slectedOptions.push(c.trim());
return c.trim();
});
console.log(slectedOptions);
var sList = "";
$(slectedOptions).each(function (e) {
var cb = $("#" + slectedOptions[e].split("=")[0]);
var isChecked = slectedOptions[e].split("=")[1]
if(isChecked ==="true"){
cb.prop('checked', true)
}
});
});
$("#cookie-selected").click(function() {
sListCheck();
if (getCookie('i_sc_a')=== "true") {
}
$(".bg").fadeOut(200);
});
setTimeout(function () {
if ((getCookie('i_c_a')=== "" || getCookie('i_c_a')=== undefined) && document.location.pathname.split("/")["1"] !== "datenschutz.html" ) {
$(".bg").fadeIn(200);
}
}, 1000);
$("#datenschutzerklarung").click(function() {
location.href ="/datenschutz.html#cookie-edit"
});
$(".option-heading").on('click', function() {
debugger;
$(this).closest(".switchParent").find(".option-content").stop().slideToggle(500);
//switchParent
});
});
require(["/pmscdn/src/common_default_main.20200611050357.js"], function (e) {
// load application code for page1
require(["/pmscdn/src/main.20200611050357.js"]);
})
</script>
<script language="javascript" type="text/javascript"> Config.setCurrentDomainId('1');
Config.pageHasPrePopulatedBreadCrumb(true);
</script>
</body> </html> 
