audio Playlist: ▼

.mp3/wav:

► Dr.Hook "Sylvias mother"

► Dire Straits "Sultans ..."

► James Last "Biscaya"

0 Mitglieder und 8 G�ste sind derzeit online:
(Als registrierter User sieht man hier nat�rlich etwas mehr.)
Sei dabei! Es macht Spa�, kostet nix und tut �berhaupt nicht weh !

03.02.2019 01:351549154124
cirrus minor hat das Thema Soundeffekt bei Bild-Mouseover erstellt.
19.01.2019 19:101547921434
cirrus minor hat das Thema Gruppen über DropDown Menüs verwalten erstellt.

8 Aktive User
0 Mitglieder und 8 G�ste sind Online

Besucherrekord
100 Benutzer gleichzeitig online (13.06.2024 02:29)

Besucherz�hler
Heute waren 61 G�ste , gestern 6 G�ste online

auch hier! -->> ...unsere Facebookseite besuchen.

Foreninformationen:

Forenthemen	47
Textbeitr�ge	2352
Mitglieder	5
Neuestes Mitglied

Letzte Foren-Beitr�ge:

HTML,CSS & Co. leicht gemacht f�r Einsteiger �

Java-Script ... im Anf�ngermodus

� Gro�e Ver�nderungen mit kleinen, einfachen Scripten herbeif�hren � JS Anzeige vor/nach einem Element

Themen-Einstellungen

Thema drucken

Bereich wechseln

CSS ... kein Hexenwerk ! CSS allgemein Schriften stylen per CSS Elemente stylen per CSS � Fragen zur Auswahl von Elementen (Selektoren) � � hover Effekte �ber CSS hinzuf�gen �� Effekte �ber keyframes per CSS hinzuf�gen HTML ... mit kleinen Dingen anfangen HTML Seite, Aufbau, Einbindungen, Meta Tags usw. Java-Script ... im Anf�ngermodus Gro�e Ver�nderungen mit kleinen, einfachen Scripten herbeif�hren Xobor - Foren - Hilfe administrative Einstellungen der Xobor Software Einbindungen von Codes und Scripten in die Xobor Software "User - Ecke" "G�ste - Stube" G�ste schreiben uns, Mitglieder antworten

#1 | JS Anzeige vor/nach einem Element datum

17.04.2018 18:30 (zuletzt bearbeitet: 18.05.2018 18:13)

cirrus minor

Informationen anzeigen

Beitr�ge:	1193
Punkte:	426
Registriert seit:	10.04.2018

Hier ein Beispiel. Ich m�chte , dass vor und nach einem Element jeweils etwas anderes eingeblendet wird.
Das ist das Element: mit einer eindeutigen ID:

ich habe eine ID !

Also schreibe ich ein sehr einfaches Script, indem ich die ID des Elementes in denZeilen 4 bis 7 beispielhaft direkt anspreche:

1
2
3
4
5
6
7
8
9
10
 

<script>
$(function(){
$('#test_4').before('irgendwas');
$('#test_4').after('irgendwas anderes');
$('#test_4').prepend('<span style="color: blue;"> noch was </span>');
$('#test_4').append('<span style="color: blue;"> nochwas anderes </span>');
});
</script>
 
 

Hierbei ist zu beachten, dass die CSS Pseudoattribute "before" und "after" jeweils eine Anzeige vor oder nach dem gew�hlten Element erzeugen, (im Ergebnis in wei�er Schrift), die JS Attribute "prepend" und "append" jeweils eine Anzeige innerhalb , also am Anfang und am Ende des Elementes, (im Ergebnis in blauer Schrift).

Ergebnis: *hier*

... wer andern eine Grube gräbt, ist selbst der Grubengräber ! :-)

MfG, Admin

HTML, CSS & Co. = leicht gemacht !

Java-Script ... im Anf�ngermodus