Ein Array erstellen: var karten = []; Elemente an das Array anfügen: karten.push(…); Elemente des Arrays mit Underscore.js zufällig anordnen: karten = _.shuffle(); Angeklicktes Element zwischenspeichern: var angeklickt = $(this).children(‚img‘);
Read More Starthilfen zum Memory-SpielWird eine mit jQuery Mobile erstellte Webanwendung in Chrome geöffnet, verbietet Chrome mitunter die Ausführung wichtiger JavaScript-Anweisungen und bricht die Verarbeitung mit folgender Fehlermeldung ab: Uncaught SecurityError: Failed to execute ‚replaceState‘ on ‚History‘: A history state object with URL ‚[…]‘ cannot be created in a document with origin ’null‘ and URL ‚[…]‘. Um Chrome –…
Read More jQuery Mobile: Sicherheitsprobleme in Chrome & Co. umgehenErstellen Sie in Ihrem eine weitere Website auf Grundlage Ihres Meilenstein-Layouts, auf der Sie die folgenden Aufgaben bearbeiten: Aufgabe 1 – Theorie um JavaScript Bitte beantworten Sie die folgenden Fragen auf Ihrer Website: 1. Wer interpretiert Ihre JavaScript-Skripten? Das Betriebssystem des Client-Rechners oder Der Web-Server oder Der Web-Browser oder alle Drei 2. Wie lassen sich…
Read More Meilenstein II – JavaScript und jQueryFür einen basalen Adventskalender braucht’s ein wenig Markup, ein paar Stildefinitionen – und ein paar Zeilen Code: index.htm <!DOCTYPE html> <html lang=“de“> <head> <meta charset=“UTF-8″> <title>Weihnachtskalender</title> <link rel=“stylesheet“ href=“css/style.css“ type=“text/css“> </head> <body> <div id=“kalender“></div> <script src=“js/jquery.min.js“></script> <script src=“js/app.js“></script> </body> </html> style.css #kalender { width: 1400px; margin-left: auto; margin-right: auto; margin-top: 50px; text-align: center; } body…
Read More Ein Adventskalender mit HTML, CSS, JavaScript und jQueryDie vollständige Funktionalität unseres Ratespieles wird durch den folgenden JavaScript-Code implementiert: // Eine eigene Funktion // Intention: Eine Zahl mit 5 multiplizieren /* funktionsname(parameter, argumente) { // Funktionsrumpf –> Was soll die Funktion leisten? } */ function multipliziere(eingabeWert) { // Eine Variable deklarieren var multiplikator; // Variable initialisieren multiplikator = 5; var ergebnis = 0;…
Read More Vervollständigung des ZahlenratespielsDas vorbereitete Zahlenratespiel findet sich im folgenden Zip-Archiv: 2015-11-30_awb_ratespiel. app.js /* Funktionalität unserer Webanwendung */ // Objekt: document // Funktion: write // document.write(„Hallo Welt!“); // Funktionen: Funktionsname(Argument/e|Parameter); // alert(„Ich bin ein wunderschönes Popup!“); // Wähle mit der JavaScript-Bibliothek jQuery // das document-Objekt aus und stelle sicher, // dass unsere Seite vollständig geladen wurde. $(document).ready(function() {…
Read More Stand der Dinge am Ende der Sitzung: Vorbereitung des RatespielsEin kurzer Überblick über jQuery (PDF)
Read More jQuery, ein kleiner ÜberblickAufgabe 1 Erstellen Sie ein neues HTML-Dokument mit dem folgenden Inhalt: <!doctype html> <html> <head> <meta charset=“utf-8″ /> <title>Ein Zahlenratespiel mit JavaScript und jQuery</title> <link type=“text/css“ rel=“stylesheet“ media=“screen“ href=“css/style.css“ /> </head> <body> <div id=“block1″></div> <div id=“block2″></div> <div id=“block3″></div> <div id=“steuern_rot“>Roten Block verstecken</div> <div id=“steuern_gruen“>Grünen Block langsam ausblenden</div> <div id=“steuern_blau“>Blauen Block anzeigen</div> <div id=“ratespiel“> Raten Sie…
Read More Übungsaufgaben „Ein Ratespiel mit JavaScript und jQuery“Unsere Beispielseite rund um HTML, CSS, JavaScript und jQuery findet sich hier: 2015-11-02_tools-dh.zip.
Read More Lösungen zur Sitzung „Auffrischung: HTML, CSS, JavaScript, jQuery“