Ils Einsendeaufgabe ysql13c, Note 1

Ils Einsendeaufgabe ysql13c, Note 1 Cover - Ils Einsendeaufgabe ysql13c, Note 1 5.99
5,99 €
1 Verkäufe in der letzten Zeit

PHP und MySQL - Begleitende Client-Technologie

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.

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. 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) ~2.78 MB
Diese Lösung zu Deinen Favoriten hinzufügen?
Diese Lösung zum Warenkorb hinzufügen?
ysql13c.zip ~ 2.78 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 alle erforderlichen Dateien zusammen in ein Zip- oder Rar-Archiv und senden Sie dieses Archiv ein. Gerne dürfen Sie auch das Lösungsdokument diesem Archiv hinzufügen. Es ist sowieso am sinnvollsten, wenn alle einzusendenden Dateien in nur einem Archiv übermittelt werden, da die Anzahl der einzuschickenden Dateien über die Webseite beschränkt ist.
1. Aufgabe:
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):
usw.....
Vorschau
Weitere Information: 20.11.2024 - 23:06:59
  Kategorie: Technik und Informatik
Eingestellt am: 02.02.2022 von Rita01
Letzte Aktualisierung: 04.12.2022
0 Bewertung
12345
Studium:
Bisher verkauft: 10 mal
Bisher aufgerufen: 890 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 Rita01
 
Zahlungsarten
  • Payments
Auf StudyAid.de verkaufen
> 2000
Schrieb uns eine WhatsApp