Dynamisches HTML - Versionsgeschichte

DCB: Änderungen von 2A00:1E:7480:601:E441:476A:22C4:FCAD (Diskussion) auf die letzte Version von CyberOne25 zurückgesetzt

2024-12-21T19:44:27Z

Änderungen von 2A00:1E:7480:601:E441:476A:22C4:FCAD (Diskussion) auf die letzte Version von CyberOne25 zurückgesetzt

← Nächstältere Version		Version vom 21. Dezember 2024, 21:44 Uhr
Zeile 1:		Zeile 1:
	~~öÜ„“‘’Die~~ Begriffe '''DHTML''', '''dynamisches [[Hypertext Markup Language\|HTML]]''' ({{EnS\|dynamic HTML}}) oder auch '''[[Document Object Model\|DOM]]-Scripting''' bezeichnen bestimmte [[Webdesign]]-Methoden, bei denen während der Anzeige einer Webseite diese selbst, ausgelöst durch Ereignisse wie z. B. Benutzereingaben, verändert wird.		Die Begriffe '''DHTML''', '''dynamisches [[Hypertext Markup Language\|HTML]]''' ({{EnS\|dynamic HTML}}) oder auch '''[[Document Object Model\|DOM]]-Scripting''' bezeichnen bestimmte [[Webdesign]]-Methoden, bei denen während der Anzeige einer Webseite diese selbst, ausgelöst durch Ereignisse wie z. B. Benutzereingaben, verändert wird.

	Der Begriff „dynamisch“ bezieht sich dabei auf die Idee, dass diese Ereignisse auch mehrfach beim Anzeigen einer Seite auftreten können.		Der Begriff „dynamisch“ bezieht sich dabei auf die Idee, dass diese Ereignisse auch mehrfach beim Anzeigen einer Seite auftreten können.

2A00:1E:7480:601:E441:476A:22C4:FCAD am 21. Dezember 2024 um 19:43 Uhr

2024-12-21T19:43:44Z

← Nächstältere Version		Version vom 21. Dezember 2024, 21:43 Uhr
Zeile 1:		Zeile 1:
	~~Die~~ Begriffe '''DHTML''', '''dynamisches [[Hypertext Markup Language\|HTML]]''' ({{EnS\|dynamic HTML}}) oder auch '''[[Document Object Model\|DOM]]-Scripting''' bezeichnen bestimmte [[Webdesign]]-Methoden, bei denen während der Anzeige einer Webseite diese selbst, ausgelöst durch Ereignisse wie z. B. Benutzereingaben, verändert wird.		öÜ„“‘’Die Begriffe '''DHTML''', '''dynamisches [[Hypertext Markup Language\|HTML]]''' ({{EnS\|dynamic HTML}}) oder auch '''[[Document Object Model\|DOM]]-Scripting''' bezeichnen bestimmte [[Webdesign]]-Methoden, bei denen während der Anzeige einer Webseite diese selbst, ausgelöst durch Ereignisse wie z. B. Benutzereingaben, verändert wird.

	Der Begriff „dynamisch“ bezieht sich dabei auf die Idee, dass diese Ereignisse auch mehrfach beim Anzeigen einer Seite auftreten können.		Der Begriff „dynamisch“ bezieht sich dabei auf die Idee, dass diese Ereignisse auch mehrfach beim Anzeigen einer Seite auftreten können.

CyberOne25 am 22. März 2024 um 06:36 Uhr

2024-03-22T06:36:52Z

← Nächstältere Version		Version vom 22. März 2024, 08:36 Uhr
Zeile 1:		Zeile 1:
	Die Begriffe '''DHTML''', '''dynamisches [[Hypertext Markup Language\|HTML]]''' ({{EnS\|dynamic HTML}}) oder auch '''[[Document Object Model\|DOM]]-Scripting''' bezeichnen bestimmte [[Webdesign]]-Methoden, bei denen während der Anzeige einer Webseite diese selbst, ausgelöst durch Benutzereingaben, verändert wird.		Die Begriffe '''DHTML''', '''dynamisches [[Hypertext Markup Language\|HTML]]''' ({{EnS\|dynamic HTML}}) oder auch '''[[Document Object Model\|DOM]]-Scripting''' bezeichnen bestimmte [[Webdesign]]-Methoden, bei denen während der Anzeige einer Webseite diese selbst, ausgelöst durch Ereignisse wie z. B. Benutzereingaben, verändert wird.

	Der Begriff „dynamisch“ bezieht sich dabei auf die Idee, dass diese ~~Änderungen von Ereignissen bedingt werden, die~~ auch mehrfach beim Anzeigen einer Seite auftreten können.		Der Begriff „dynamisch“ bezieht sich dabei auf die Idee, dass diese Ereignisse auch mehrfach beim Anzeigen einer Seite auftreten können.

	Beispiele für dynamische Anzeigeeffekte sind:		Beispiele für dynamische Anzeigeeffekte sind:
Zeile 8:		Zeile 8:
	* die Möglichkeit, Objekte durch [[Drag and Drop\|Drag & Drop]] auf dem Bildschirm zu verschieben		* die Möglichkeit, Objekte durch [[Drag and Drop\|Drag & Drop]] auf dem Bildschirm zu verschieben
	* Formularfelder automatisch in Abhängigkeit von anderen Feldern zu belegen		* Formularfelder automatisch in Abhängigkeit von anderen Feldern zu belegen
	* ~~Webseiten,~~ ~~die~~ ~~sich~~ ~~wie clientseitige~~ [[Anwendungssoftware\|~~Anwendungsprogramme~~]] ~~bedienen lassen.~~		* Effekte wie bei clientseitigen [[Anwendungssoftware\|Anwendungsprogrammen]]

	== Geschichte ==		== Geschichte ==
Zeile 24:		Zeile 24:

	== Beispiele ==		== Beispiele ==
	Ein einfaches Beispiel eines dynamischen HTML Abschnitts, bei dem sich der dargestellte Text beim Anklicken verändert:		Ein einfaches Beispiel eines dynamischen HTML-Abschnitts, bei dem sich der dargestellte Text beim Anklicken verändert:

	<syntaxhighlight lang="html">		<syntaxhighlight lang="html">

APPERbot: Bot: Syntaxhighlight: Sprache html4strict nach html korrigiert, siehe H:SYH

2023-06-19T15:36:56Z

Bot: Syntaxhighlight: Sprache html4strict nach html korrigiert, siehe H:SYH

← Nächstältere Version		Version vom 19. Juni 2023, 17:36 Uhr
Zeile 26:		Zeile 26:
	Ein einfaches Beispiel eines dynamischen HTML Abschnitts, bei dem sich der dargestellte Text beim Anklicken verändert:		Ein einfaches Beispiel eines dynamischen HTML Abschnitts, bei dem sich der dargestellte Text beim Anklicken verändert:

	<syntaxhighlight lang="~~html4strict~~">		<syntaxhighlight lang="html">
	...		...
	<p onclick="this.firstChild.nodeValue = 'Danke'">Klick mich</p>		<p onclick="this.firstChild.nodeValue = 'Danke'">Klick mich</p>

Orthographus: Rechtschreibung

2020-01-18T16:14:47Z

Rechtschreibung

← Nächstältere Version		Version vom 18. Januar 2020, 18:14 Uhr
Zeile 35:		Zeile 35:
	Oft wird dynamisches HTML für effekt-orientierte Funktionen verwendet, bei denen der Nutzen nicht klar erkennbar ist und die eher stören.		Oft wird dynamisches HTML für effekt-orientierte Funktionen verwendet, bei denen der Nutzen nicht klar erkennbar ist und die eher stören.

	In der Anfangszeit konnte DHTML nur über [[Webbrowser\|Browser]]-spezifische sogenannte ''DHTML-Modelle'' realisiert werden, die nicht zueinander kompatibel waren. Daher führten einige DHTML Seiten unter bestimmten Browsern zu Fehlern. Dieser Ruf hängt dynamischem HTML bis heute an. Daher wird heute auch der Begriff ''DOM Scripting'' verwendet, mit dem man standardkonformes DHTML von Browser-spezifischen Varianten abgrenzen möchte.		In der Anfangszeit konnte DHTML nur über [[Webbrowser\|Browser]]-spezifische sogenannte ''DHTML-Modelle'' realisiert werden, die nicht zueinander kompatibel waren. Daher führten einige DHTML-Seiten unter bestimmten Browsern zu Fehlern. Dieser Ruf hängt dynamischem HTML bis heute an. Daher wird heute auch der Begriff ''DOM Scripting'' verwendet, mit dem man standardkonformes DHTML von Browser-spezifischen Varianten abgrenzen möchte.

	Dynamisches HTML stellt teils hohe Anforderungen an die JavaScript-Fähigkeiten des Browsers, die nur von den neueren Browsergenerationen erfüllt werden. Wenn die Verwendung von JavaScript, z. B. aus Sicherheitsgründen, deaktiviert wird, kann dynamisches HTML nicht verwendet werden. Darüber hinaus kann sich die Zugänglichkeit für Anwender verschlechtern, die wegen körperlichen Einschränkungen auf alternative Eingabe- bzw. Ausgabemethoden zurückgreifen müssen (siehe [[Barrierefreies Internet]]). Es ist aber möglich, dynamisches HTML so zu verwenden, dass es nur bei Browsern verwendet wird, die damit auch umgehen können. Die übrigen Anwender können die Website dann verwenden, als ob diese gar kein dynamisches HTML einsetzen würde.		Dynamisches HTML stellt teils hohe Anforderungen an die JavaScript-Fähigkeiten des Browsers, die nur von den neueren Browsergenerationen erfüllt werden. Wenn die Verwendung von JavaScript, z. B. aus Sicherheitsgründen, deaktiviert wird, kann dynamisches HTML nicht verwendet werden. Darüber hinaus kann sich die Zugänglichkeit für Anwender verschlechtern, die wegen körperlichen Einschränkungen auf alternative Eingabe- bzw. Ausgabemethoden zurückgreifen müssen (siehe [[Barrierefreies Internet]]). Es ist aber möglich, dynamisches HTML so zu verwenden, dass es nur bei Browsern verwendet wird, die damit auch umgehen können. Die übrigen Anwender können die Website dann verwenden, als ob diese gar kein dynamisches HTML einsetzen würde.

DieserGorilla: Form

2019-06-22T19:44:36Z

Form

← Nächstältere Version		Version vom 22. Juni 2019, 21:44 Uhr
Zeile 11:		Zeile 11:

	== Geschichte ==		== Geschichte ==

	Die Skriptsprachen [[JavaScript]] im [[Netscape Navigator]] und [[JScript]] im Microsoft [[Internet Explorer]] ermöglichten schon Mitte der [[1990er]] Jahre die ereignisbasierte Veränderung von Webseiten. Damals wurde der Begriff DHTML benutzt, um auf diese Fähigkeiten der damaligen Programmversionen hinzuweisen. Durch die Standardisierung des [[Document Object Model]] und das Platzen der damaligen [[Dotcom-Blase]] geriet der Begriff aus der Mode.		Die Skriptsprachen [[JavaScript]] im [[Netscape Navigator]] und [[JScript]] im Microsoft [[Internet Explorer]] ermöglichten schon Mitte der [[1990er]] Jahre die ereignisbasierte Veränderung von Webseiten. Damals wurde der Begriff DHTML benutzt, um auf diese Fähigkeiten der damaligen Programmversionen hinzuweisen. Durch die Standardisierung des [[Document Object Model]] und das Platzen der damaligen [[Dotcom-Blase]] geriet der Begriff aus der Mode.

	== Techniken ==		== Techniken ==

	Dynamisches HTML umfasst die folgenden Techniken:		Dynamisches HTML umfasst die folgenden Techniken:
	* [[Hypertext Markup Language\|HTML]] zum Verfassen von Dokumenten		* [[Hypertext Markup Language\|HTML]] zum Verfassen von Dokumenten
Zeile 35:		Zeile 33:

	== Kritik und Nachteile ==		== Kritik und Nachteile ==

	Oft wird dynamisches HTML für effekt-orientierte Funktionen verwendet, bei denen der Nutzen nicht klar erkennbar ist und die eher stören.		Oft wird dynamisches HTML für effekt-orientierte Funktionen verwendet, bei denen der Nutzen nicht klar erkennbar ist und die eher stören.

87.186.73.77: /* Techniken */ https://developer.mozilla.org/de/docs/Web/API/Fetch_API

2019-04-28T05:30:05Z

Techniken: https://developer.mozilla.org/de/docs/Web/API/Fetch_API

← Nächstältere Version		Version vom 28. April 2019, 07:30 Uhr
Zeile 21:		Zeile 21:
	* eine Schnittstelle zur Änderung und Erweiterung des HTML-Dokuments, heute wird vor allem das [[Document Object Model]] (DOM) verwendet		* eine Schnittstelle zur Änderung und Erweiterung des HTML-Dokuments, heute wird vor allem das [[Document Object Model]] (DOM) verwendet
	* [[XMLHttpRequest]], um Daten zwischen dem Browser und einem entfernten [[Hypertext Transfer Protocol\|HTTP]]-Server auszutauschen (siehe auch [[Ajax (Programmierung)\|Ajax]]).		* [[XMLHttpRequest]], um Daten zwischen dem Browser und einem entfernten [[Hypertext Transfer Protocol\|HTTP]]-Server auszutauschen (siehe auch [[Ajax (Programmierung)\|Ajax]]).
			*Fetch API, um Daten zwischen dem Browser und einem entfernten [[Hypertext Transfer Protocol\|HTTP]]-Server auszutauschen.
	* ein Format zur Übertragung strukturierter Daten, etwa [[Extensible Markup Language\|XML]] oder auch [[JavaScript Object Notation\|JSON]]		* ein Format zur Übertragung strukturierter Daten, etwa [[Extensible Markup Language\|XML]] oder auch [[JavaScript Object Notation\|JSON]]
	Dabei müssen nicht unbedingt alle Techniken dieser Liste in einem Dokument verwendet werden (insbesondere die zur Datenübertragung nach dem ersten Laden nicht), um es als Anwendung von dynamischem HTML bezeichnen zu können.		Dabei müssen nicht unbedingt alle Techniken dieser Liste in einem Dokument verwendet werden (insbesondere die zur Datenübertragung nach dem ersten Laden nicht), um es als Anwendung von dynamischem HTML bezeichnen zu können.

WAH: Änderungen von 217.229.138.163 (Diskussion) auf die letzte Version von JuliusPC zurückgesetzt

2018-05-02T09:49:07Z

Änderungen von 217.229.138.163 (Diskussion) auf die letzte Version von JuliusPC zurückgesetzt

← Nächstältere Version		Version vom 2. Mai 2018, 11:49 Uhr
Zeile 1:		Zeile 1:
			Die Begriffe '''DHTML''', '''dynamisches [[Hypertext Markup Language\|HTML]]''' ({{EnS\|dynamic HTML}}) oder auch '''[[Document Object Model\|DOM]]-Scripting''' bezeichnen bestimmte [[Webdesign]]-Methoden, bei denen während der Anzeige einer Webseite diese selbst, ausgelöst durch Benutzereingaben, verändert wird.

			Der Begriff „dynamisch“ bezieht sich dabei auf die Idee, dass diese Änderungen von Ereignissen bedingt werden, die auch mehrfach beim Anzeigen einer Seite auftreten können.

			Beispiele für dynamische Anzeigeeffekte sind:
			* das Erscheinen („Aufklappen“) eines [[Menü (Computer)\|Menüs]]
			* die Hervorhebung eines Textes
			* die Möglichkeit, Objekte durch [[Drag and Drop\|Drag & Drop]] auf dem Bildschirm zu verschieben
			* Formularfelder automatisch in Abhängigkeit von anderen Feldern zu belegen
			* Webseiten, die sich wie clientseitige [[Anwendungssoftware\|Anwendungsprogramme]] bedienen lassen.

			== Geschichte ==

			Die Skriptsprachen [[JavaScript]] im [[Netscape Navigator]] und [[JScript]] im Microsoft [[Internet Explorer]] ermöglichten schon Mitte der [[1990er]] Jahre die ereignisbasierte Veränderung von Webseiten. Damals wurde der Begriff DHTML benutzt, um auf diese Fähigkeiten der damaligen Programmversionen hinzuweisen. Durch die Standardisierung des [[Document Object Model]] und das Platzen der damaligen [[Dotcom-Blase]] geriet der Begriff aus der Mode.

			== Techniken ==

			Dynamisches HTML umfasst die folgenden Techniken:
			* [[Hypertext Markup Language\|HTML]] zum Verfassen von Dokumenten
			* eine [[client]]seitige [[Skriptsprache]], meistens [[JavaScript]]
			* eine Schnittstelle zur Änderung und Erweiterung des HTML-Dokuments, heute wird vor allem das [[Document Object Model]] (DOM) verwendet
			* [[XMLHttpRequest]], um Daten zwischen dem Browser und einem entfernten [[Hypertext Transfer Protocol\|HTTP]]-Server auszutauschen (siehe auch [[Ajax (Programmierung)\|Ajax]]).
			* ein Format zur Übertragung strukturierter Daten, etwa [[Extensible Markup Language\|XML]] oder auch [[JavaScript Object Notation\|JSON]]
			Dabei müssen nicht unbedingt alle Techniken dieser Liste in einem Dokument verwendet werden (insbesondere die zur Datenübertragung nach dem ersten Laden nicht), um es als Anwendung von dynamischem HTML bezeichnen zu können.

	== Beispiele ==		== Beispiele ==

217.229.138.163 am 2. Mai 2018 um 09:48 Uhr

2018-05-02T09:48:53Z

← Nächstältere Version		Version vom 2. Mai 2018, 11:48 Uhr
Zeile 1:		Zeile 1:
	Die Begriffe '''DHTML''', '''dynamisches [[Hypertext Markup Language\|HTML]]''' ({{EnS\|dynamic HTML}}) oder auch '''[[Document Object Model\|DOM]]-Scripting''' bezeichnen bestimmte [[Webdesign]]-Methoden, bei denen während der Anzeige einer Webseite diese selbst, ausgelöst durch Benutzereingaben, verändert wird.

	Der Begriff „dynamisch“ bezieht sich dabei auf die Idee, dass diese Änderungen von Ereignissen bedingt werden, die auch mehrfach beim Anzeigen einer Seite auftreten können.

	Beispiele für dynamische Anzeigeeffekte sind:
	* das Erscheinen („Aufklappen“) eines [[Menü (Computer)\|Menüs]]
	* die Hervorhebung eines Textes
	* die Möglichkeit, Objekte durch [[Drag and Drop\|Drag & Drop]] auf dem Bildschirm zu verschieben
	* Formularfelder automatisch in Abhängigkeit von anderen Feldern zu belegen
	* Webseiten, die sich wie clientseitige [[Anwendungssoftware\|Anwendungsprogramme]] bedienen lassen.

	== Geschichte ==

	Die Skriptsprachen [[JavaScript]] im [[Netscape Navigator]] und [[JScript]] im Microsoft [[Internet Explorer]] ermöglichten schon Mitte der [[1990er]] Jahre die ereignisbasierte Veränderung von Webseiten. Damals wurde der Begriff DHTML benutzt, um auf diese Fähigkeiten der damaligen Programmversionen hinzuweisen. Durch die Standardisierung des [[Document Object Model]] und das Platzen der damaligen [[Dotcom-Blase]] geriet der Begriff aus der Mode.

	== Techniken ==

	Dynamisches HTML umfasst die folgenden Techniken:
	* [[Hypertext Markup Language\|HTML]] zum Verfassen von Dokumenten
	* eine [[client]]seitige [[Skriptsprache]], meistens [[JavaScript]]
	* eine Schnittstelle zur Änderung und Erweiterung des HTML-Dokuments, heute wird vor allem das [[Document Object Model]] (DOM) verwendet
	* [[XMLHttpRequest]], um Daten zwischen dem Browser und einem entfernten [[Hypertext Transfer Protocol\|HTTP]]-Server auszutauschen (siehe auch [[Ajax (Programmierung)\|Ajax]]).
	* ein Format zur Übertragung strukturierter Daten, etwa [[Extensible Markup Language\|XML]] oder auch [[JavaScript Object Notation\|JSON]]
	Dabei müssen nicht unbedingt alle Techniken dieser Liste in einem Dokument verwendet werden (insbesondere die zur Datenübertragung nach dem ersten Laden nicht), um es als Anwendung von dynamischem HTML bezeichnen zu können.

	== Beispiele ==		== Beispiele ==

JuliusPC: /* Weblinks */ Link aktualisiert

2018-03-18T05:49:30Z

Weblinks: Link aktualisiert

← Nächstältere Version		Version vom 18. März 2018, 07:49 Uhr
Zeile 42:		Zeile 42:

	== Weblinks ==		== Weblinks ==
	* [~~http~~://wiki.selfhtml.org/wiki/JavaScript/~~Anwendung_und_Praxis~~ ~~JavaScript/Anwendung~~ und ~~Praxis~~] im [[SELFHTML]]-Wiki		* [https://wiki.selfhtml.org/wiki/JavaScript/Tutorials Tutorials für Anfänger und Schritt-für-Schritt-Anleitungen für konkrete Problemstellungen] im [[SELFHTML]]-Wiki

	[[Kategorie:World Wide Web]]		[[Kategorie:World Wide Web]]