audio Playlist: ▼

.mp3/wav:

► Dr.Hook "Sylvias mother"

► Dire Straits "Sultans ..."

► James Last "Biscaya"

0 Mitglieder und 5 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.

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

Besucherrekord
100 Benutzer gleichzeitig online (13.06.2024 02:29)

Besucherz�hler
Heute waren 43 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 �

Xobor - Foren - Hilfe

� Einbindungen von Codes und Scripten in die Xobor Software � Einbindung JS - Element einblenden

Seite 1 von 4 � Seite 1 2 3 4 Seite �

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 | Einbindung JS - Element einblenden datum

18.05.2018 22:15

Ich denke, wir machen hier mal weiter, da es um die m�gliche Einbindung der Funktion ins Forum geht ?

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

MfG, Admin

antworten

#2 | RE: Einbindung JS - Element einblenden datum

18.05.2018 22:34 (zuletzt bearbeitet: 18.05.2018 22:35)

Ok, also muss man erst eine Test ID anlegen oder könnte man es auch gleich versuchen? Und müsste man dafür #test5 weglassen?

antworten

#3 | RE: Einbindung JS - Element einblenden datum

18.05.2018 22:42 (zuletzt bearbeitet: 18.05.2018 22:42)

Du kannst das auf Deiner eigenen Seite erstmal komplett �bernehmen und guckst, was passiert...

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

MfG, Admin

antworten

#4 | RE: Einbindung JS - Element einblenden datum

18.05.2018 22:45

Ich hatte vorhin schon Deinen css Eintrag eingefügt und dann den html Code, etwas auf die Schnelle dazwischen geschrieben, doch es wurde nichts angezeigt oder muss das Script dann noch in die Fusszeile?

antworten

#5 | RE: Einbindung JS - Element einblenden datum

18.05.2018 22:57

cirrus minor

Informationen anzeigen

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

Das script muss nur in die Fusszeile, wenn Du ein im Forum bereits vorhandenes Element ansprechen m�chtest, nicht bei selbst erstellten divs auf eigenen Seiten.

Du k�nntest mal folgendes in der Fusszeile testen:

1
2
3
 
<script>
$('.header').css('display','none').fadeIn(1000).delay(3000).fadeOut(1000);
</script>
 

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

MfG, Admin

antworten

#6 | RE: Einbindung JS - Element einblenden datum

18.05.2018 23:10

Zur Sicherheit noch eine Frage dazu, wenn ich das Script in die Fusszeile einfüge, muss ich aber trotzdem den css Code vorher eintragen und dann natürlich den Code bei html, ist das korrekt?

antworten

#7 | RE: Einbindung JS - Element einblenden datum

18.05.2018 23:11

Nein, das ist nicht korrekt, denn sowohl HTML als auch CSS sind bei dem angesprochenen Forenelement bereits vorhanden.

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

MfG, Admin

antworten

#8 | RE: Einbindung JS - Element einblenden datum

18.05.2018 23:16 (zuletzt bearbeitet: 18.05.2018 23:17)

Ok, ich hatte gerade nur
das Script in der Fusszeile eingetragen, da war dann meine komplette Navi weg, habe es nun wieder entfernt!

antworten

#9 | RE: Einbindung JS - Element einblenden datum

18.05.2018 23:22

Da war nix weg, du hast nur nicht auf den Ein-/Ausblendeeffekt gewartet...

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

MfG, Admin

antworten

#10 | RE: Einbindung JS - Element einblenden datum

18.05.2018 23:29 (zuletzt bearbeitet: 18.05.2018 23:32)

Also die Navi ist verschwunden, war dann kurz wieder sichtbar,
danach wartete ich eine Weile, aber ist nicht wieder aufgetaucht!
So sah es aus, nachdem ich gewartet hatte...

antworten

#11 | RE: Einbindung JS - Element einblenden datum

18.05.2018 23:33 (zuletzt bearbeitet: 18.05.2018 23:33)

Es geht bei dem Script darum, ein bestimmtes Element f�r kurze Zeit einzublenden und dann wieder auszublenden. Im Beispiel habe ich das mit Deinem Header incl. Navi gemacht. Wird f�r eine kurze Zeit eingeblendet und dann wieder ausgeblendet. Kann man mit jedem beliebigen Element machen im Forum ...oder aber ein eigenes Element erstellen, das dann in der Art kurzzeitig ein - und dann wieder ausgeblendet wird.

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

MfG, Admin

antworten

#12 | RE: Einbindung JS - Element einblenden datum

18.05.2018 23:40 (zuletzt bearbeitet: 18.05.2018 23:42)

Ja, soweit habe ich verstanden, worum es dabei geht! Für Deinen Header ist es auch absolut passend mit dem
Herzlich Willkommen Schild! Aber bei mir wäre es schade, wenn dann z. B. die Sonne nicht wieder auftaucht
und die Navi brauchen wir schon!
Aber ich weiß, was Du meinst! So wie bei Dir mit dem Schildchen, es taucht kurz auf und verschwindet dann,
das passt! Ich denke, dass ich lieber wieder diese andere Funktion, die ich beim Songtext habe,
benutzen werde...

antworten

#13 | RE: Einbindung JS - Element einblenden datum

18.05.2018 23:53 (zuletzt bearbeitet: 18.05.2018 23:53)

cirrus minor

Informationen anzeigen

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

O.k. anderes Beispiel:
Ich arbeite bei solchen Sachen lieber mit Plugins, da man die pr�ziser einsetzen kann.
Aber wenn Du beispielsweise mal dieses Script komplett in die "Kopfzeile" setzt, w�rde bei dir auch ein Willkommensgruss kurzzeitig erscheinen und dann wieder verschwinden.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
 
<style type="text/css">
#test5 {display: none;
width: 50%;
padding: 40px; 
text-align: center;
background: yellow;
color: black;
margin-left: auto; 
margin-right: auto;}
</style>
 
<div id="test5"> <b> Herzlich Willkommen!" </b></div>
 
<script>
$('#test5').fadeIn(1200).delay(2000).fadeOut(900);
</script>
 