Fachinformatiker für Systemintegration YSQL13C ILS 2021 auf StudyAid.de

Fachinformatiker für Systemintegration YSQL13C ILS 2021 Cover - Fachinformatiker für Systemintegration YSQL13C ILS 2021

1 1 4.30

4,30 €

PHP und MySQL - Begleitende Client-Technologien

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.

Diese Lösung enthält 1 Dateien: (zip) ~1.34 MB

Diese Lösung zu Deinen Favoriten hinzufügen?

Diese Lösung zum Warenkorb hinzufügen?

YSQL13C.zip ~ 1.34 MB

Aufgabenstellung siehe Beschreibung.

Weitere Information: 20.11.2024 - 22:58:32

	Kategorie:	Technik und Informatik
	Eingestellt am:	11.02.2022 von x1M4nu
	Letzte Aktualisierung:	29.07.2022
	1 Bewertung
	Studium:	Fachinformatiker Schwerpunkt Systemintegration
	Bisher verkauft:	7 mal
	Bisher aufgerufen:	475 mal
	Prüfungs-/Lernheft-Code:	YSQL13C
	Benotung:	1

Enthaltene Schlagworte:

Fachinformatiker Systemintegration 2021 ILS YSQL13C YSQL13C

Verkäufer:x1M4nu

Mitglied seit 2022

Alle Artikel anzeigen (14)

Alle Artikel durchsuchen

Eine Frage stellen

Verdienst: zw. 250-500€

x1M4nu abonnieren

Es folgen bereits 4 User!

Bewertungen

29.7.22 - Ananoym:

die angegeben Lösung ist nicht in der Datei vorhanden, es hande...

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 x1M4nu