|
Net-Framework/ASP_dot_Net/HTML
HTML: Position eines Elements nur bis zu einer bestimmten Position verschieben
|
20.04.2018 95
|
|
Wie stellt man es ein, dass ein HTML-Element nur bis zu
einer bestimmten Position verschoben wird, wenn der Browser die Seite bewegt?
Ansicht Browser
In diesem Beispiel wird der DIV Bereich auf einer
Webseite nur bis zur oberen Kante des Fensters verschoben Das Ele
|
|
Net-Framework/ASP_dot_Net/HTML/JavaScript
Javascript Code: Resize-Border um ein Bild hinzufügen und entfernen
|
04.04.2018 93
|
|
Dieses Code Beispiel fügt einem HTML Image beim Maus-Click
einen veränderbaren Rahmen hinzu
Beim Ziehen des Rahmens in der rechten unteren Ecke
verändert sich dann auch die dargestellt Bild-Größe
Wenn man den Editor (div-Element) verläs
|
|
Net-Framework/ASP_dot_Net/HTML/JavaScript
Javascript: HTML Element mit einem andern Element umrahmen
|
04.04.2018 72
|
|
Dieses Javascript Code Snippet macht folgendes:
Beim Klick auf ein HTML Image-Element wird dieses mit
einem div-Element umgeben
Dabei wird im ersten Schritt ein Div-Element erstellt
var div = document create
|
|
Net-Framework/ASP_dot_Net/HTML/JavaScript
Javascript : Event an alle Children anhängen
|
04.04.2018 92
|
|
Javascript: Event an alle Children anhängen
Aufgabe:
wie kann man an alle Elemente eines bestimmten HTML-Tags
ein Event anfügen
Beschreibung:
HTML, Javascript
Das folgende Beispiel zeigt, wie alle P-Html El
|
|
Net-Framework/ASP_dot_Net/HTML/CSS
Emoticons Emojis als schwarz weiße Grafik darstellen
|
29.03.2018 200
|
|
Emoticons als
schwarz weiss anzeigen
Wie kann man Emoticons als einfache schwarz-weiß Graphik
anzeigen
Hierzu kann man in einem Textbearbeitungsprogramm
einfach die eingefügten Emoticons mit dem der Schriftart Segoe UI Emoji
anzeigen
|
|
Net-Framework/ASP_dot_Net/HTML/CSS
Image und Emojis grau darstellen
|
29.03.2018 91
|
|
1) Style Filter grayscle
Wenn man auf einer Webseite ein Bild oder Icon von farbig auf grau darstellen möchte,
dann kann man einfach ein CSS Style Flag setzen
Mit dem style Attribut filter: grayscale kann man jedes
dargestellte Bild auf grau um
|
|
Net-Framework/ASP_dot_Net/HTML
jQuery Beispiel: Text in Zahl umwandeln, Image tauschen
|
28.03.2018 106
|
|
Wie kann man in HTML ein Bild austauschen und einen Text-Zahlenwert
verändern?
Aufgabe:
Ich möchte beim Klicken auf einen Button ein eingebettetes
Bild des Buttons verändern und den nebenstehenden Text als Zahl erhöhen oder
erniedrigen
|
|
Net-Framework/ASP_dot_Net/HTML
Wie kann man mit einem Button von einer Webseite etwas in die Zwischenablage kopieren?
|
28.03.2018 74
|
|
Aufgabe:
Ich möchte mit einem Button die aktuelle URL Adresse der
Webseite in die Zwischenablage kopieren
Lösung:
Man kann mit dem javascript-Code copy den ausgewählten
Text einer Eingabe-Textbox in die Zwischenablage kopieren
|
|
Net-Framework/ASP_dot_Net/HTML
wie bekommt man die URL der aktuellen Webseite
|
28.03.2018 107
|
|
Javascript:
wie bekommt man die URL der aktuellen Webseite
Wie kann man mit javascript oder jQuery die aktuelle
Web-URL ermitteln? in Javascript oder jQuery
Lösung:
In Javascript:
|
|
Net-Framework/ASP_dot_Net/HTML/CSS
HTML Style: Text-Umrandung erstellen mit text-shadow
|
26.03.2018 108
|
|
HTML Style: Text-Umrandung erstellen
Wie kann man eine Textumrandung um einen Text in HTML mit
CSS Style machen?
Ich möchte die Umrandung direkt um den Text herum Die
Style Einstellung border führt leider zu einem Rahmen
Lösung: Einstellen
|
|
Net-Framework/ASP_dot_Net/HTML
Javascript: Abfrage Dialog OK Abbrechen
|
23.03.2018 89
|
|
Wie erzeugt man in HTML Javascript einen Bestätigungsdialog
vor einem Löschvorgang?
Lösung: mit javascript confirm
var
|
|
Net-Framework/ASP_dot_Net/HTML/CSS
HTML: Resize Element
|
23.03.2018 88
|
|
Wie kann man ein HTML veränderbar in der Größe machen?
Hierzu muss man nur in einem HTML Div-Tag das Style-Attribute
resize hinzufügen
Dann erscheint automatisch beim Seitenaufbau eine kleine
veränderbare Ecke in der rechten unteren
|
|
Net-Framework/ASP_dot_Net/HTML/CSS
Bilder automatisch in der Größe anpassen mit CSS
|
22.03.2018 146
|
|
Ein Problem in Webseiten ist immer, dass beim Verkleinern
der Browser-Größe die eingetteten Bilder über den Rahmen schauen können
Wie kann man Bilder in einer HTML Webseite automatisch
verkleinern, wenn sich die Seite verkleinert ?
Mit CS
|
|
Net-Framework/ASP_dot_Net/HTML
Javascript: Kommentare entfernen
|
21.03.2018 90
|
|
Javascript: Kommentare entfernen
Dieses kleine Javascript Beispiel löscht alle Kommentar
in einem HTML Code
Der Aufruf erfogt mit Remove_Comments(htmlElement)
|
|
Net-Framework/ASP_dot_Net/HTML/JavaScript
Javascript: Style verändern in javascript
|
20.03.2018 84
|
|
Javascript: Style
verändern in javascript
Wie kann man in einer HTML Webseite die Style-Einstellungen
von einzelnen HTLM Elementen zur Laufzeit verändern
Ich möchte in meinem Beispiel die Microsoft Styles
löschen, welche aus dem Word Export
|
|
Net-Framework/ASP_dot_Net/HTML/JavaScript
Remove Class, Css Klasse entfernen in HTML
|
19.03.2018 101
|
|
Javascript : Remove Class
Dieses JAvascipt Beispiel löscht jedes Class-Attribute
in HTML , in welchem "mso" steht
Eine CSS Klasse wird in javascript gelöscht, indem man in
der classList des HTMLElements ein remove(className) ausführt
|
|
Net-Framework/ASP_dot_Net/HTML
HTML Flexgrid Flex Wrap
|
17.03.2018 98
|
|
Wie erstellt man in HTML ein Flexgrid
Dieses HTML Element ist eine Container-Fläche, in
welchem alle Elemente in die nächste Zeile verschoben werden, wenn die Breite
nicht mehr ausreicht
Das Element selbst ist ein HTML Element
Die Flex Eigenschaft
|
|
Net-Framework/ASP_dot_Net/HTML
Wie erstellt man eine Div-Hover Block
|
09.03.2018 105
|
|
Ich benötige für meine Asp Anwendung in der Ausgabe
Seite in HTML ein Curosor verhalten, bei dem man wenn man mit der Maus über
einen Textblock fährt,
der Textblock farblich aktiv angezeigt wird und
link-aktiv ist
Aktiver Link-DIV:Hover
|
|
Net-Framework/ASP_dot_Net/HTML
HTML after::
|
09.03.2018 104
|
|
HTML after::
Was bedeutet das html after:: und before::?
Mit after:: und before:: kann man vor oder hinter jedem
HTML Tag des definierten Typs einen zusätzlichen Hilfstext anzeigen lassen
|
|
Net-Framework/ASP_dot_Net/HTML
HTML: was bedeutet Aria-hidden true
|
09.03.2018 112
|
|
HTML: was
bedeutet Aria-hidden true
Mit dem ARIA Attribut werden für Menschen mit Behinderungen der WebContent optimiert
Die Einstellung Hidden gibt es in zwei Unterschieden
Html-hidden
Ein normales HTML Tag kann mit hidden ausgeblen
|
|
Net-Framework/ASP_dot_Net/HTML
HTML : von Style zur Class
|
07.03.2018 110
|
|
HTML : von Style zur Class
Überleitung von Inline Style Definitionen zu einer
CSS-Style Angabe
Wenn man in HTML Eine Seite definiert, dann kann man
zunächst die Darstellung von HTML Elementen in jedem Element einzeln einstellen
Hierzu wird direkt i
|
|
Net-Framework/ASP_dot_Net/HTML
HTML : rundes Thumbnail Image erstellen
|
07.03.2018 91
|
|
Mit dem Image-style Attribut border-radius kann man in
der Anzeige von Bildern die Ecken in runde Kanten umwandeln
Dadurch kann man die üblichen Profil-Icons rund
darstellen
Mit dem Style-Attribut: border-radius kann man die
|
|
Net-Framework/ASP_dot_Net/HTML/JavaScript
Javascript: onScroll event in HTML Body Window
|
13.10.2016 947
|
|
Javascript: onScroll Window Body HTML
Wenn man auf Scroll Ereignisse einer Webseite in einem Browser zur Laufzeit reagieren möchte, dann muss man in der HTML Seite einen onScroll-Event einbauen und eine dazu passende Javascript-Funktion schreiben
Das Ereignis onSc
|
|
Net-Framework/ASP_dot_Net/HTML/JavaScript
HTML,Javascript: Neue Zeile, Zeilenumbruch in HTML Output element
|
13.10.2016 1192
|
|
HTML,Javascript: Neue Zeile in Output
Ausgabe von Zeilenumbruch Zeichen in einem HTML Ausgabeelement
Wenn man einen String in einem HTML Output Element anzeigen möchte und der String mehrere Zeilen enthalten soll,
dann muss man das Output-Element über Output
|
|
Net-Framework/ASP_dot_Net/HTML/JavaScript
Javascript: Debug script in Visual Studio at Runtime
|
12.10.2016 879
|
|
Javascript: Debug script in Visual Studio
Das Debuggen von Client-Seitigem script-Code ist unter Visual Studio sehr einfach, wenn man den Internet Explorer als Debugger Platform verwendet
Hierzu muss man nur den Internet Explorer als Ausgabe-Platform einstellen
|
|
Net-Framework/ASP_dot_Net/HTML/JavaScript
HTML,Javascript: Einbetten eines kleinen script zwischen HTML Bereichen
|
12.10.2016 929
|
|
HTML,Javascript: Einbetten eines kleinen script zwischen HTML Bereichen
Wie baut man eine kleinen Javascript Funktion mitten in HTML Webseite ein?
In Webseiten können reine HTML Anzeigebereiche direkt mit Javascript Funktionen gemischt werden Das h
|
|
Net-Framework/ASP_dot_Net/HTML
HTML: div-Container mit Rahmen in Visual Studio
|
12.10.2016 1415
|
|
HTML: div-Container mit Rahmen in Visual Studio
Wie zeichnet man ein Div-Block mit einem Rahmen?
Um einen Div Block mit einem einfachen Rahmen zu erweitern, damit dieser gesehen werden kann, muss man in das tag eine style Eigenschaft einfügen
Wie hier style=" borde
|
|
Net-Framework/ASP_dot_Net/HTML
HTML: Vertical Alignment in einem Div-Container
|
11.10.2016 1443
|
|
HTML: Vertical Alignment in einem Div-Container
Die vertical Ausrichtung von Text Elementen innerhalb eines Div-Containers in HTML funktioniert nicht immer wie gewünscht
Das style-Attribut vertical-align richtet sich normalerweise zur vertikalen Ausrichtung von Inline-Tex
|
|
Net-Framework/ASP_dot_Net/HTML
HTML: Div Block mit runden Ecken Kanten
|
10.06.2016 1868
|
|
HTML: Div Block mit runden Ecken Kanten
Aufgabe: wie kann ich
ein HTML Element (Div, Hyperlink, Span ) mit runden Ecken gestalten?
Lösung: man muss nur
im style-Block des HTML Element die Eigenschaft border-radius:10px
setzen
Die Angabe ist in
Pixel
|
|
Net-Framework/ASP_dot_Net/HTML
HTML: Href-Link um einen Div-Block
|
10.06.2016 1768
|
|
HTML: Href um einen Div-Block
Aufgabe: ich möchte in einen HTML Link ein komplettes Div-Element einschliessen
Leider sieht die Ansicht immer mit einem Umbruch aus, wenn ich den Div-Block einfach zwischen die a-href Tags des Hyperlinks setze
Falsche Anze
|
|