SGD YSQL13C-XX1-N01 - Fachinformatiker für Systemintegration - 100% /Note 1

SGD YSQL13C-XX1-N01 - Fachinformatiker für Systemintegration - 100% /Note 1 Cover - SGD YSQL13C-XX1-N01 - Fachinformatiker für Systemintegration - 100% /Note 1 7.20
7,20 €

PHP und MySQL - Begleitende Client-Technologie

SGD Fachinformatiker Schwerpunkt Systemintegration Lösung YSQL13C. Benotet mit 100% / Note:1.

Wenn ich euch mit meiner Lösung weiterhelfen konnte, würde ich mich sehr über eine positive Bewertung freuen. Vielen Dank im Voraus :)
******************************************************************
PHP und MySQL - Begleitende Client-Technologie

1. Sie haben in diesem Heft den Hover-Effekt mit CSS kennengelernt. Dabei wird die Formatierung eines bestimmten Bereichs der Webseite beim Überstreichen mit dem Mauszeiger verändert. Wenn der Mauszeiger den sensitiven Bereich wieder verlässt, wird der Originalzustand automatisch wiederhergestellt. Die Flexibilität wird je-doch erheblich erweitert, wenn man solche Effekte mit JavaScript programmiert. Insbesondere kann man auch Dinge ändern, die nicht rein auf Formatierungen des gerade überstrichenen Bereichs beruhen; etwa den Textinhalt eines beliebigen Ele-ments ändern.

Die Eventhandler onmouseover (Mauszeiger kommt in den sensitiven Bereich und startet eine Aktion) und onmouseout (Mauszeiger verlässt den sensitiven Bereich) sind hervorragend dazu geeignet, mittels damit aufgerufener JavaScript-Funktionen die entsprechenden Dinge auszuführen. Allerdings müssen Sie sich dann explizit auch darum kümmern, dass Sie alle Effekte, die Sie beim onmouseover-Event set-zen, beim onmouseout-Event wieder auf den Originalzustand zurücksetzen, wenn Sie einen klassischen Hover-Effekt haben wollen. In dieser Einsendeaufgabe sollen Sie so etwas tun.Folgender Code soll als Webseite die Basis bilden (einsendeaufgabe1.php):

In einem Unterverzeichnis lib/css wird eine CSS-Datei einsendeaufgabe1.css refe-renziert, deren Inhalt so aussieht:

Sie erkennen, dass die beiden Div-Bereiche in der Webseite über IDs angesprochen und formatiert werden. Wenn der Mauszeiger nun den Div-Bereich mit der IDsensitiv überstreicht, sollen gewisse Aktionen ausgeführt werden.

Ihre Aufgaben sind nun folgende:
1)Erstellen Sie im Unterverzeichnis lib ein Unterverzeichnis js. Erstellen Sie dort eine JavaScript-Datei einsendeaufgabe1.js. Diese JavaScript-Datei einsendeaufgabe1.js soll in der Webseite am Ende des Headers referenziert werden.
2)Fügen Sie dort den Code ein, um mit window.onload eine anonyme Funktion als Callback aufzurufen, wenn die Webseite fertig geladen ist. Tipp – das haben wir in den JavaScript-Dateien im Heft so mehrfach gemacht.
3)Registrieren Sie in der Callbackfunktion, die nach dem Laden der Webseite aus-geführt wird, mit der Methode document.getElementById() für den Event-handler onmouseover beim Element mit der Id sensitiv eine anonyme Callbackfunktion.
4)Registrieren Sie in der Callbackfunktion, die nach dem Laden der Webseite aus-geführt wird, mit der Methode document.getElementById() zusätzlich für den Eventhandler onmouseout beim Element mit der Id sensitiv eine wei-tere anonyme Callbackfunktion. Sie haben damit sowohl für onmouseover als auch onmouseout jeweils einen Eventhandler zur Verfügung, um dort beim jeweiligen Ereignis gewisse Aktivitäten auszuführen.
5)Ändern Sie in der Callbackmethode bei onmouseover die Hintergrundfarbe des Divs mit der Id sensitiv auf den Wert "red".
6)Ändern Sie in der Callbackmethode bei onmouseover den Textinhalt des Divs mit der Id sensitiv auf "Mauszeiger im Bereich".
7)Ändern Sie in der Callbackmethode bei onmouseover die Textfarbe des Divs mit der Id sensitiv auf "yellow".
8)Ändern Sie in der Callbackmethode bei onmouseover die Transparenz (opacity) des Divs mit der Id zusatz auf den Wert 1. Der Container wird damit sichtbar. Beachten Sie, dass Sie damit nicht das Element ändern, bei dem der Eventhandler aufgerufen wird21, sondern ein anderes Element.
9)Setzen Sie in der Callbackmethode bei onmouseout die Hintergrundfarbe des Divs mit der Id sensitiv wieder zurück auf "yellow".
10)Setzen Sie in der Callbackmethode bei onmouseout die Textfarbe des Divs mit der Id sensitiv auf zurück "red".
11)Setzen Sie in der Callbackmethode bei onmouseout die Transparenz des Divs mit der Id zusatz zurück auf den Wert 0. Der Container wird damit wieder unsichtbar.
12)Ändern Sie in der Callbackmethode bei onmouseover den Textinhalt des Divs mit der Id sensitiv auf "Mauszeiger nicht im Bereich".Schicken Sie das gesamte Projekt (insbesondere die Dateien einsendeaufgabe1.phpund einsendeaufgabe1.js) im Quellcode oder als Ausdruck ein.

2.
1)Für die Dateien login.inc.php und registrieren.inc.php fügen Sie eine Klassecaptcha in den jeweiligen img-Tag ein, der das Captcha-Bild referenziert.
2)In der Klasse stil.css fügen Sie eine Beschreibung für die CSS-Regeln dieser Klasse captcha ein. Dabei sollen folgende Angaben gemacht werden:–Breite 200px–Außenabstand 10px–Stil des Rahmens groove–Dicke des Rahmens 1pt–Abgerundete Ecken mit 5px–Ein Schatten mit dem Maßen 5px 2px 3px #888
Optional sind proprietäre Angaben für die abgerundeten Ecken und den Schatten.
Der nachfolgende Screenshot zeigt, wie das Captcha-Bild aussehen soll.
******************************************************************

Die Lösungen wurden von mir persönlich erstellt und sollten nur als Hilfsmittel für die richtige Lösungsfindung genutzt werden.
Ich verbiete hiermit ausdrücklich die Einreichung meiner unveränderten ESA!

Bei Fragen oder Problemen, bitte eine kurze Nachricht an mich. Ich helfe jederzeit gerne weiter ;)
Diese Lösung enthält 3 Dateien: (pdf,zip) ~1.36 MB
Diese Lösung zu Deinen Favoriten hinzufügen?
Diese Lösung zum Warenkorb hinzufügen?
YSQL13C_Loesung.pdf ~ 1.19 MB
YSQL13C_Korrektur.pdf ~ 177.55 KB
YSQL13C_PHP-Dateien.zip ~ 2.77 KB
PHP und MySQL - Begleitende Client-Technologie
Weitere Information: 04.04.2024 - 02:16:03
  Kategorie: Technik und Informatik
Eingestellt am: 21.07.2021 von Savage001
Letzte Aktualisierung: 21.08.2023
0 Bewertung
12345
Studium:
Bisher verkauft: 52 mal
Bisher aufgerufen: 1003 mal
Prüfungs-/Lernheft-Code: YSQL13C-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 Savage001
 
Zahlungsarten
  • Payments
Auf StudyAid.de verkaufen
> 2000
Schrieb uns eine WhatsApp