YSQL13C - PHP und MySQL (ILS) - YSQL13C

YSQL13C - PHP und MySQL (ILS) Cover - YSQL13C - PHP und MySQL (ILS)

5.00

5,00 €

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 jedoch 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 Elements ä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 setzen, 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 referenziert, 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 ID sensitiv ü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 ausgeführt wird, mit der Methode document.getElementById() für den Eventhandler onmouseover beim Element mit der Id sensitiv eine anonyme Callbackfunktion.
4) Registrieren Sie in der Callbackfunktion, die nach dem Laden der Webseite ausgeführt wird, mit der Methode document.getElementById() zusätzlich für den Eventhandler onmouseout beim Element mit der Id sensitiv eine weitere 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.php und 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 Klasse captcha 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.
Schicken Sie die Dateien login.inc.php, registrieren.inc.php und stil.css im Quellcode oder als Ausdruck ein.

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

Diese Lösung zu Deinen Favoriten hinzufügen?

Diese Lösung zum Warenkorb hinzufügen?

YSQL13C.zip ~ 1.09 MB

Weitere Information: 22.11.2024 - 04:18:58

	Kategorie:	Technik und Informatik
	Eingestellt am:	24.10.2022 von krsch
	Letzte Aktualisierung:	24.10.2022
	0 Bewertung
	Studium:	Geprüfte/r Medieninformatiker/in
	Bisher verkauft:	8 mal
	Bisher aufgerufen:	701 mal
	Prüfungs-/Lernheft-Code:	YSQL13C
	Benotung:	1

Enthaltene Schlagworte:

YSQL mySQL PHP Webanwendungen Grundlagen HTML5 CSS YSQL13C

Verkäufer:krsch

Mitglied seit 2021

Alle Artikel anzeigen (35)

Alle Artikel durchsuchen

Eine Frage stellen

Verdienst: zw. 1000-2500€

krsch abonnieren

Es folgen bereits 4 User!

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 krsch