Ils Einsendeaufgabe ysql14c, Note 1

Ils Einsendeaufgabe ysql14c, Note 1 Cover - Ils Einsendeaufgabe ysql14c, Note 1 6.29
6,29 €

PHP und MySQL - Ajax

Hallo ihr lieben Mitstudierenden, schön, dass du dich für meine Einsendeaufgabe entschieden hast :-)

Die Lösungen wurden von mir persönlich erstellt und sollten nur als Hilfsmittel zur Lösungsfindung genutzt werden.Weitergabe oder Verkauf ist untersagt.

Enthält entsprechenden Korrektur vom Fernlehrer.

Wenn dir die Aufgabe bei der Bearbeitung geholfen hat, würde ich mich über eine positive Bewertung freuen.
Vielen Dank im Voraus:-) und weiterhin viel Erfolg!

1. Nehmen Sie die Übung mit den Lottozahlen aus dem ersten Kapitel (ajax1.php, script.jsund lottozahlen1.php) des Hefts und modifizieren Sie diese Webseite so, dass die Lottozahlen als nummerierte Aufzählungsliste angezeigt werden. Folgende Schritte sind zu tun:
a)Benennen Sie die Datei ajax1.php in ajaxeinsendeaufgabe1.php, die Datei script.js in scripteinsendeaufgabe1.js und die Datei lottozahlen1.php in lottozahleneinsendeaufgabe1.php um.
b)Da die Formatierungen mit CSS erfolgen, kopieren Sie auch die CSS-Datei aus dem ersten Kapitel und verwenden Sie diese in der Einsendeaufgabe.
c)Referenzieren Sie in der Datei ajaxeinsendeaufgabe1.php die JavaScript-Datei scripteinsendeaufgabe1.js statt script.js.
d)In der JavaScript-Datei scripteinsendeaufgabe1.js geben Sie in deropen()-Methode lottozahleneinsendeaufgabe1.php stattlottozahlen1.php an.
e)In der PHP-Datei lottozahleneinsendeaufgabe1.php bereiten Sie die Lotto-zahlen als nummerierte HTML-Aufzählungsliste (mit den Tags <ol> und<li>) auf. Die wird dann nach der Anzeige über innerHTML automatisch vom Browser interpretiert (auch wenn das per Ajax nachgeladen wird).
Schicken Sie die Dateien ajaxeinsendeaufgabe1.php, scripteinsendeaufgabe1.jsund lottozahleneinsendeaufgabe1.php sowie die CSS-Datei im Quellcode oder als Ausdruck und einen Screenshot ein.

2.
a)Erstellen Sie zuerst die folgende Webseite ajaxeinsendeaufgabe2.php:
b)Erstellen Sie ein Verzeichnis img im Projektverzeichnis und fügen Sie dort drei Bilder mit den Namen b1.jpg, b2.jpg und b3.jpg ein, die in der Webseite ange-zeigt werden sollen. Verwenden Sie in dem Beispiel ebenfalls eine CSS-Datei zum Formatieren – auch der Bilder, wenn das notwendig ist.
Schicken Sie einen Screenshot der Webseite ein (noch ohne Funktionalität).

3. Wir haben in Aufgabe 2 eine Webseite mit mehreren Bildern in einer Tabelle vorbe-reitet, bei denen Eventhandler in der externen JavaScript-Datei registriert werden, die dort eingebunden wird. Mit den aufgerufenen Funktionen sollte beim Überstrei-chen eines Bildes mit der Maus in der Zelle daneben eine Zusatzinformation ange-zeigt werden. Wenn der Mauszeiger den Bereich wieder verlässt, wird der Anzeige-bereich gelöscht. Erstellen Sie zuerst im Projektverzeichnis ein Unterverzeichnis lib/js und dort eine Datei ajaxeinsendeaufgabe2.js, die ja in der Webseite selbst refe-renziert wird. Die JavaScript-Datei wird nun ein paar sehr interessante Stellen ent-halten.
a)Erzeugen Sie in der Datei zuerst ein XHR-Objekt und weisen dieses einer Variable mit Namen resOb zu.
b)Registrieren Sie bei jedem Bild eine anonyme Funktion für den Fall, dass der Mauszeiger den Bildbereich überstreicht. Dazu verwenden Sie den Eventhandler onmouseover. Zum Zugriff auf ein Bild verwenden Siedocument.getElementsByTagName(). Die Registrierung erfolgt wie immer erst nach dem vollständigen Erstellen des DOM-Baums – also in dem Abschnittwindow.onload = function() {...}.
c)Rufen Sie in jedem der anonymen Callbacks bei einem Bild eine FunktionsndReq() auf, der Sie einen Parameter übergeben sollen. Auf jedem Bildbereich wird also ein spezifischer Parameter der Funktion übergeben. Dieser dient in der aufgerufenen Funktion dann zur Steuerung, welche Information angezeigt wird und wo diese angezeigt wird. Die Tabelle enthält dazu in der zweiten Spalte Zel-len mit jeweils einer spezifischen ID. Diese ID ist nach einem gewissen Muster
vergeben, die eine Unterscheidung über einen einfachen nummerischen Algo-rithmus erlaubt, der an dem an die Funktion sndReq() übergebenen Parameter orientiert ist. Sie können also auf dem ersten Bild sndReq(0) aufrufen, auf dem zweiten sndReq(1) usw.
d)Definieren Sie im Skript nun eine Funktion sndReq() mit einem Übergabe-parameter, den Sie mit i bezeichnen (function sndReq(i) { ...}).
e)Da wir der Funktion sndReq() einen Parameter übergeben, können wir im Inneren der Funktion diesen Parameter wie gesagt dazu nutzen, gezielt per Ajax eine spezifische Textdatei auszuwählen, die je nach Parameter unterschiedlich angefordert wird. Dazu verwenden Sie im Inneren der Funktion eine switch-case-Anweisung, die den Parameter i als Testwert verwendet. Hier ist bereits der zentrale Part dessen, was Sie tun müssen:
f)Registrieren Sie in der Funktion sndReq() eine anonyme Funktion beim Event-handler onreadystatechange des XHR-Objekts. Wir können in der regis-trierten Funktion dann eine Funktion handleResponse() aufrufen, der wir einen Parameter übergeben. Und zwar den Wert, der bereits an sndReq() über-geben wurde. Wir reichen damit den Wert von i also weiter. Das geht so:
g)Der Wert dieses Parameters i wird in der Funktion handleResponse() zumZusammensetzen der ID genutzt, die die Tabellenzelle spezifiziert, inderdie Antwort des Servers angezeigt werden soll (document.getElementById("info" + i).innerHTML = resOb.responseText;). Diese ID war ja bewusst so gewählt, dass man sie über einen einfachen nummerischen Algorithmus aus dem Übergabeparameter-wert an sndReq() bestimmen kann. Das führt dazu, dass für das erste Bild daraus document.getElementById("info0").innerHTML wird, für das zweite Bild document.getElementById("info1").innerHTML usw.
h)Registrieren Sie bei jedem Bild eine anonyme Funktion für den Fall, dass der Mauszeiger den Bildbereich verlässt. Dazu verwenden Sie den Eventhandleronmouseout. Zum Zugriff auf ein Bild verwenden Sie auch wiederdocument.getElementsByTagName(). Rufen Sie dort eine Funktion out() auf.
i)Definieren Sie die Funktion out(), die einfach alle Anzeigebereiche leert. Wir brauchen hier keine individuelle Logik!
j)Erzeugen Sie die angeforderten Textdateien info0.txt, info1.txt und info2.txt mit sinnvollen Textinformationen.Schicken Sie die gesamten Quelltexte und insbesondere die JavaScript-Datei und die Textdateien sowie einen Screenshot ein, bei dem sich der Mauszeiger über einem Bild befindet und eine Zusatzinformation angezeigt wird.
4. Laden Sie in der aktuellsten Version des Praxisprojekts eine Bilddatei auf den Server und machen Sie einen Screenshot vom erfolgreichen Upload. Sie haben dazu nach dem Upload eine gewisse Zeit zur Verfügung, in der die Meldung angezeigt wird. Schicken Sie den Screenshot ein.
Diese Lösung enthält 1 Dateien: (zip) ~6.1 MB
Diese Lösung zu Deinen Favoriten hinzufügen?
Diese Lösung zum Warenkorb hinzufügen?
ysql14c.zip ~ 6.1 MB
Die Einsendeaufgaben zu diesem Heft bestehen im Wesentlichen aus Programmieraufgaben. Bitte senden Sie für eine vollständige Lösung Folgendes ein:
Ein Lösungsdokument im Format einer gängigen Textverarbeitung (doc, docx, odt, rtf) mit Ihrem Namen, dem Heftkürzel und Ihrer Vertragsnummer.
Bitte fügen Sie bei Bedarf oder Aufforderung in der Aufgabenstellung zu einer Aufgabe den kompletten Lösungsquellcode und/oder eine Abbildung der Anwendung zur Laufzeit in das Dokument ein.
Tipp:
In jeder Windows-Version können Sie über die Taste den Bildschirminhalt als Grafik in die Zwischenablage kopieren. Aus dieser können Sie das Bild beispielsweise in ein Bildbearbeitungsprogramm einfügen, dort den relevanten Bereich ausschneiden und diesen in Ihr Lösungsdokument einfügen. In neueren Windows-Versionen steht Ihnen mit dem Snipping-Tool auch ein spezielles Werkzeug für diese Dinge zur Verfügung.
Packen Sie zusätzlich alle erforderlichen Dateien zusammen in ein Zip- oder Rar-Archiv und senden Sie dieses Archiv ebenfalls ein. Gerne dürfen Sie auch das Lösungsdokument diesem Archiv hinzufügen.
1. Aufgabe:
Nehmen Sie die Übung mit den Lottozahlen aus dem ersten Kapitel (ajax1.php, script.js und lottozahlen1.php) des Hefts und modifizieren Sie diese Webseite so, dass die Lottozahlen als nummerierte Aufzählungsliste angezeigt werden. Folgende Schritte sind zu tun:
a) Benennen Sie die Datei ajax1.php in ajaxeinsendeaufgabe1.php, die Datei script.js in scripteinsendeaufgabe1.js und die Datei lottozahlen1.php in lottozahleneinsendeaufgabe1.php um.
b) Da die Formatierungen mit CSS erfolgen, kopieren Sie auch die CSS-Datei aus dem ersten Kapitel und verwenden Sie diese in der Einsendeaufgabe.
c) Referenzieren Sie in der Datei ajaxeinsendeaufgabe1.php die JavaScript-Datei scripteinsendeaufgabe1.js statt script.js.
d) In der JavaScript-Datei scripteinsendeaufgabe1.js geben Sie in der open()-Methode lottozahleneinsendeaufgabe1.php statt lottozahlen1.php an.
e) In der PHP-Datei lottozahleneinsendeaufgabe1.php bereiten Sie die Lottozahlen als nummerierte HTML-Aufzählungsliste (mit den Tags <ol> und <li>) auf. Die wird dann nach der Anzeige über innerHTML automatisch vom Browser interpretiert (auch wenn das per Ajax nachgeladen wird).
Schicken Sie die Dateien ajaxeinsendeaufgabe1.php, scripteinsendeaufgabe1.js und lottozahleneinsendeaufgabe1.php sowie die CSS-Datei im Quellcode oder als Ausdruck und einen Screenshot ein.
usw.....
Vorschau
Weitere Information: 29.10.2024 - 14:23:11
  Kategorie: Technik und Informatik
Eingestellt am: 16.02.2022 von Rita01
Letzte Aktualisierung: 17.12.2023
0 Bewertung
12345
Studium:
Bisher verkauft: 13 mal
Bisher aufgerufen: 820 mal
Prüfungs-/Lernheft-Code: YSQL14C-XX1-N01
Benotung: 1
Bewertungen
noch keine Bewertungen vorhanden
Benötigst Du Hilfe?
Solltest du Hilfe benötigen, dann wende dich bitte an unseren Support. Wir helfen dir gerne weiter!
Was ist StudyAid.de?
StudyAid.de ist eine Plattform um selbst erstellte Musterlösungen, Einsendeaufgaben oder Lernhilfen zu verkaufen.

Jeder kann mitmachen. StudyAid.de ist sicher, schnell, komfortabel und 100% kostenlos.
Rechtliches
Für diesen Artikel ist der Verkäufer verantwortlich.

Sollte mal etwas nicht passen, kannst Du gerne hier einen Verstoß melden oder Dich einfach an unseren Support wenden.

Alle Preise verstehen sich inkl. der gesetzlichen MwSt.
Mehr von Rita01
 
Zahlungsarten
  • Payments
Auf StudyAid.de verkaufen
> 2000
Schrieb uns eine WhatsApp