Wechselnde, durchlaufende und verlinkte News Ticker

Um alle Funktionen nutzen zu k�nnen, aktivieren Sie bitte JavaScript in ihrem Browser!

Der Treffpunkt f�r Hilfe, Tricks & Tipps � XOBOR-Foren und Homepages � Alles f�r Ihr eigenes Forum oder Ihrer Webseite - Fragen & Antworten! � Wechselnde, durchlaufende und verlinkte News Ticker

Seite 1 von 2 � Seite 1 2 Seite �

Themen-Einstellungen

Thema drucken

Bereich wechseln

Start Willkommen! Ank�ndigungen & Termine, wichtige News. Stellen Sie Ihr eigene Webseite vor. Betriebssystem MS Windows & andere Betriebssysteme Betriebssystem MS Windows 11, 10, 8 und 7 - Tricks & Tipps. MS Windows 11, 10, 8 und 7 - Fragen & Antworten. Linux, Ubuntu und andere Betriebssysteme. �rger mit dem PC, Laptop oder Tablet? �rger mit dem PC, Laptop oder Tablet - Vorbeugung und Hilfe? �rger mit dem PC, Laptop oder Tablet - Fragen & Antworten? Fragen zu DSL, VDSL, LTE und anderen Netzempfangsarten. XOBOR-Foren und Homepages Alles f�r Ihr eigenes Forum oder Ihrer Webseite - Hilfe, Tricks & Tipps! Alles f�r Ihr eigenes Forum oder Ihrer Webseite - Fragen & Antworten! Das neue Template Xobor (v6). Energieerzeugung im neuen Zeitalter - Revolution�r! Videos und Webseiten zur Freien Energie. Wasserstoff - Energietr�ger der Zukunft. Die besten Links! Empfehlenswerte und interessante Links! Link - Suche. Verschiedenes Elektronik & Elektrotechnik - Fragen & Antworten Faszinationen & Unglaubliches! Tricks & Tipps f�r Smartphones und iPhones. Lob, Kritik & Verbesserungsvorschl�ge. Spiel & Spa�, Witz & gute Laune! Spiritualit�t, Seele, New Age, Yoga, Gesundheit. Alles, was noch so �brig bleibt. Bannertausch Wie funktioniert der Bannertausch? Bannerrotation und Bannerwechsel.

#1 | Wechselnde, durchlaufende und verlinkte News Ticker datum

23.10.2015 21:54 (zuletzt bearbeitet: 25.12.2015 23:23)

Magister

Informationen anzeigen

Beitr�ge:	93
Registriert seit:	03.04.2008

Homepage:	Link
Letzte Spende	Betrag 5 � Forum Spende
Sternzeichen	Fische
Likes	15

Hi

Hat sich erledigt, habe eine Lösung gefunden!

Ich habe einen guten Ticker gefunden.
Läuft sehr gut.
Eines stört mich aber ein bißchen.
Bei unterschiedliche Länge von Meldungen, sind die Kurzen nicht mittig.
Kann man das so verändern, das der Text immer mittig ist?

Hier mal der Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
 
<!DOCTYPE html>
<html>
<head>
<title>News Ticker</title>
</head>
 
<body onLoad="newsticker();">
 
<script language="JavaScript">
<!-- Start
var newslist=new Array();
var cnt=0;     // Aktive News
var curr = "";
var i=-1;     // Angewählter Buchstabe
 
newslist[0]=new Array("Unter 'News CB-Funk' sind Neuigkeiten über den '2.Osna Radio Activity Day' Contest zu finden!")
newslist[1]=new Array("Teilnahmebedingungen siehe Contest")
newslist[2]=new Array("Beispielmeldung 3")
newslist[3]=new Array("Beispielmeldung 4")
 
function newsticker()
{
        // Nächster Buchstabe der aktiven News
        if (i < newslist[cnt][0].length - 1)
        {
                i++;
                temp1 = newslist[cnt][0];
                temp1 = temp1.split('');
                  curr = curr+temp1[i];
                temp2 = newslist[cnt][1];
                  mtxt.innerHTML = ""+curr+"_";
                  setTimeout('newsticker()',150)    //Laufspeed
                return;
        }
 
        // Nächste News
        i = -1; curr = "";
        if (cnt<newslist.length-1)
                cnt++;
        else
                cnt=0;
        setTimeout('newsticker()',5000)     // Pause zwischen den News
 
}
 
//  Ende -->
</script>
 
<span id="mtxt" style="font-weight: bold; color: #FF0000; font-family: Baskerville Old Face; font-size: 14pt"></span>
 
</body>
</html>
 

Schlie�en

Antworten

#2 | Wechselnder News Ticker mit Web-Links und Mittenposition datum

24.10.2015 18:54 (zuletzt bearbeitet: 25.12.2015 23:25)

Wolfgang

Administrator

Informationen anzeigen

Beitr�ge:	3551
Registriert seit:	10.12.2006
Blog:	Wolfgangs Blog

Homepage:	Nicht angegeben
Letzte Spende	Betrag � Forum Spende
Sternzeichen	Skorpion
Likes	1411

Wechselnder News Ticker mit Web-Links und Mittenposition
Aktualisiert 26.10.2015

Hallo Magister,
das Script gefällt mir sehr gut!

Was der Ticker bereits kann:

Mehrere Ticker-Nachrichten sind möglich.
Pausen zwischen den Nachrichten und die Schnelligkeit des Tickers sind einstellbar!
Der Ticker wiederholt seine Nachrichten, fängt wieder von vorne an.
Die Ticker-Nachrichten sind über "style" formatierbar!

Ich habe das Script etwas erweitert, wodurch folgende zusätzliche Funktionen hinzu gekommen sind:

Jede Ticker-Nachricht kann verlinkt werden.
Der Ticker wird mittig angeordnet und startet trotzdem linksseitig!
Kurze oder lange Ticker-Nachrichten bleiben zentriert!
Die Breite des Textfeldes bleibt gleich!
Jede Nachricht kann einzeln formatiert werden!
Grundformatierung über CSS

Zu besseren Übersicht das komplette HTML-Script:

Auf folgendes ist zu achten:

Der Ticker wird über einen Body-Eintrag "onLoad" (Zeile 7) geladen.
Script und Ausgabe des Tickers findet Platz im "Body". Die Formatierungen unter "<style>...</style>" (Zeile 7-30), können auch in die vorhandene CSS eingetragen werden!
Bei vorhandenen onLoad-Eintrag, erweitern (z.B.: <body onLoad="newsticker(); xyzScript();">)
Im Ticker-Text müssen Anführungszeichen (") gegen Auslassungszeichen (') ersetzt werden.
In den Ticker-Zeilen (Zeile 44-47) sind jeweils 3 Informationen durch Anführungsstriche und Kommata getrennt --> newslist[0]=new Array("Text","Format","Link");
Im ersten Teil der Ticker-Zeile wird der Text eingegeben, ohne Anführungszeichen!
Im zweiten Teil der Ticker-Zeile kann man die Ticker-Nachricht formatieren! Wichtig ist hier die Angabe der Breite! Sie sollte so gewählt werden, dass kein Umbruch der Nachricht einsteht! Die Breite ist für die Zentrierung notwendig!
Im dritten Teil der Ticker-Zeile wird die Link-Adresse eingetragen
In Zeile 62 kann die Geschwindigkeit des Tickers eingestellt werden.
In Zeile 72 kann die Pause zwischen den Nachrichten bestimmt werden.
In Zeile 7-32 kann die Tickernachricht für die CSS beliebig formatiert werden!
Zeile 25-29 bestimmt den Hintergrund der Nachricht. Ist nicht immer notwendig!
Zeile 25 bestimmt die Gesamthöhe der Ticker-Nachricht. Ist nur notwendig, wenn unterschiedliche Schriftgrößen genutzt werden. Hierdurch wird ein Höhensprung der Webseite vermieden!
Zeile 19 bestimmt die Gesamtlänge des Textfeldes
Die Hover-Farbe wird in Zeile 15 bestimmt.
Wird nur Text, ohne zusätzliche Breitenbestimmung und Links im Ticker abgebildet, sieht die "newList-Zeile" (44-47) wie folgt aus: newslist[0]=new Array("Nachricht..........","","")

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
 
<!DOCTYPE html>
<html>
<head>
<title>Ticker</title>
 
<style type="text/css">
.mtxt{
text-align:left;
}
.mtxt a {
text-decoration:none;
color: #eeeeee; 
}
.mtxt a:hover {
color:#ffff00;
}
 
#mtxt{
width:750px; /*Gesamtlänge des Textfeldes*/
font-weight: bold; 
color: #000000; 
font-family: Baskerville Old Face; 
font-size: 14pt;
 
/*height:30px;*/
background-color:#000090;
padding:5px 0px 5px 20px;
border-radius:9px;
border: 6px double #777777
}
</style>
 
</head>
 
<body onLoad="newsticker();"> 
 
<script language="JavaScript"> 
// Tickereinstellungen
var newslist=new Array(); 
var cnt=0;  // Auswahl des Start-Tickers, hier newlist[0]
var curr = ""; 
var i=-1;	
 
newslist[0]=new Array("+++ Neue Weltzeituhr mit JQuery-Script, Datumausgabe und Localzeit +++","width:640px;","https://www.hilfe-tricks-tipps.de/t861f31-Weltzeituhr-Verschiedene-Zeiten-anzeigen.html#msg1898")
newslist[1]=new Array("+++ Meine komplette Forum-Iconbar zum herunterladen +++","width:540px","https://www.hilfe-tricks-tipps.de/t916f31-Meine-komplette-Forum-Iconbar-zum-herunterladen.html#msg2077")
newslist[2]=new Array("+++ Formatierbare Tooltipps +++","width:330px","https://www.hilfe-tricks-tipps.de/t168f31-Formatierbare-Tooltipps-oder-Quickinfos-in-Forumbeitraegen.html#msg300")
newslist[3]=new Array("+++ Spenden-Button fürs Forum +++","width:330px !important;","https://www.hilfe-tricks-tipps.de/t720f31-Spenden-Button-fuers-Forum-einrichten.html")
 
function newsticker() { 
 
if (i < newslist[cnt][0].length - 1) 
{ 
i++; 
temp1 = newslist[cnt][0];	
temp1 = temp1.split('');	
curr = curr+temp1[i]; 
temp2 = newslist[cnt][2];	
temp3 = newslist[cnt][1];
mtxt.innerHTML = "<div class='mtxt' style='"+temp3+"'><a href='"+temp2+"'>"+curr+"_</a></div>"; 
 
//Ticker-Geschwindigkeit
setTimeout('newsticker()',150) 
return; 
} 
 
//Pause
i = -1; curr = ""; 
if (cnt<newslist.length-1) 
cnt++; 
else 
cnt=0; 
setTimeout('newsticker()',5000) 
} 
</script>
 
<!-- Anzeige News Ticker --> 
<center>
<div id="mtxt"></div>
</center>
 
</body>
</html>
 

Um diesen Beitrag zu lesen, m�ssen Sie sich anmelden!

Ein kleines Dankesch�n f�r meine Arbeit!

Schlie�en

News Ticker in Aktion: Wechselnder News Ticker mit Web-Links und Mittenposition

Wolfgang

Antworten

#3 | RE: Wechselnder News Ticker mit Web-Links und Mittenposition datum

25.10.2015 08:51 (zuletzt bearbeitet: 25.12.2015 23:25)

Magister

Informationen anzeigen

Beitr�ge:	93
Registriert seit:	03.04.2008

Homepage:	Link
Letzte Spende	Betrag 5 � Forum Spende
Sternzeichen	Fische
Likes	15

Wolfgang
1. Die Schrift soll bei jedem Text die gleiche Größe haben.
2. Die Schriftfarbe, wo kann ich sie ändern?
3. Wenn der Text unterschiedliche Längen hat, ändert sich jedesmal das gesamte Textfeld.
Mal länger mal kürzer, das sieht nicht so schön aus.
Ich habe alles in einer Tabelle, die sich der Größe automatisch anpasst.
Kann man da noch etwas machen?

Edit zu 2: Schriftfarbe habe ich gefunden!

1
2
3
4
5
6
7
8
9
10
11
12
13
14
 
		<p style="margin-bottom: -20px">&nbsp;</p>
		<table border="4" width="85%" bgcolor="#000000" bordercolorlight="#FFFFFF">
			<tr>
				<td bgcolor="#000000">
<!-- Anzeige News Ticker --> 
<center>
<span id="mtxt"></span>
</center>
 
                                </td>
 
			</tr>
			</table>
				
 

Antworten

#4 | RE: Wechselnder News Ticker mit Web-Links und Mittenposition datum

25.10.2015 18:38 (zuletzt bearbeitet: 25.10.2015 23:00)

Wolfgang

Administrator

Informationen anzeigen

Beitr�ge:	3551
Registriert seit:	10.12.2006
Blog:	Wolfgangs Blog

Homepage:	Nicht angegeben
Letzte Spende	Betrag � Forum Spende
Sternzeichen	Skorpion
Likes	1411

Hallo Magister,
habe das Script in Beitrag #2 nochmal überarbeitet.
Die Breite des Textfeldes bleibt jetzt gleich!
Unter "News Ticker in Aktion" kann man sehen, wie der News Ticker jetzt funktioniert!

Folgende Änderungen müsstest Du auf Deiner Webseite machen:

1. Änderung

1
2
3
4
5
6
7
8
 

Diese Zeile tauschen: 
 
mtxt.innerHTML = ""+curr+"_";
 
gegen:   
 
mtxt.innerHTML = "<center><div style='text-align:left;width:"+temp2+"'>"+curr+"_</div></center>";
 

2. Änderung
Jetzt brauchst Du nur noch hinter den Nachrichen die ungefähre Breite des Tickers eintragen, sodas kein Umbruch entsteht.

1
2
3
4
5
 

newslist[0]=new Array("++Info's über den 2.Osna Radio Activity Day Contest unter 'News CB Funk!++","650px")
newslist[1]=new Array("++Teilnahmebedingungen findet Ihr unter 'Contest 01.11.15++","500px")
newslist[2]=new Array("++Osna Radio QRV ab 18.00 Uhr MEZ, auf FM Kanal &nbsp;29 (27.295 Mhz)++","600px")
 
 

3. Änderung
Die Breite der Tabelle sollte einen festen Wert haben (Ist nicht zwingend erforderlich)!
Zu beachten: Die Breite des Textfeldes muss immer etwas länger sein, als die längste Nachricht!

1
2
3
4
 

width="64%" gegen z.B.: width="700px" tauschen (längster Text "newslist[0] => 650px")!
 
<table border="4" width="64%" bgcolor="#000000" bordercolorlight="#FFFFFF">
 

Wolfgang

Magister findet das Top!

Antworten

#5 | RE: Wechselnder News Ticker mit Web-Links und Mittenposition datum

26.10.2015 15:06 (zuletzt bearbeitet: 27.10.2015 15:20)

Dank dir Wolfgang.

Jetzt ist das absolute Sahne 1 A.

So habe ich mir das vorgestellt.

Thx auch für die Zeitanzeige im Kalender

Antworten

#6 | RE: Wechselnder News Ticker mit Web-Links und Mittenposition datum

16.11.2015 15:42

Magister

Informationen anzeigen

Beitr�ge:	93
Registriert seit:	03.04.2008

Homepage:	Link
Letzte Spende	Betrag 5 � Forum Spende
Sternzeichen	Fische
Likes	15

Hallo Wolfgang
Kann man den Newsticker noch erweitern?
Ist es möglich, eine Laufschrift z.B.

1
 
newslist[2]=new Array("+++ Osna Radio QRV ab 18.00 Uhr MEZ, auf FM Kanal 29 (27.295 Mhz) +++","color:#C0CCCC;")

diese für eine einstellbare Zeit z.B 2 oder 3 Sek stehen zu lassen und dann blinken lassen?
Wenn das zu aufwendig ist, dann lassen wir das.
Thx

Antworten

#7 | RE: Wechselnder News Ticker mit Web-Links und Mittenposition datum

20.11.2015 15:54 (zuletzt bearbeitet: 20.11.2015 15:54)

Hallo Magister,
habe da mal etwas mit jQuery ausprobiert, wird aber alles viel zu groß. Zusätzlich muss jQuery selbst noch geladen werden!

Habe Florian gefragt, der eine mögliche Lösung anbietet: NewsTicker

Wolfgang

Antworten

#8 | Wechselnder News Ticker mit Blinkeffekt am Ende datum

19.12.2015 17:06 (zuletzt bearbeitet: 21.12.2015 18:29)

Wolfgang

Administrator

Informationen anzeigen

Beitr�ge:	3551
Registriert seit:	10.12.2006
Blog:	Wolfgangs Blog

Homepage:	Nicht angegeben
Letzte Spende	Betrag � Forum Spende
Sternzeichen	Skorpion
Likes	1411

Wechselnder News Ticker mit Blinkeffekt am Ende
Aktualisiert 21.12.15

Hallo Magister,
habe ein Script für Dich gefunden, das am Ende einer Nachricht blinkt!

Die Original-Version:
Es sind mehrere Funktionen einstellbar.
  • Ein- und ausrollendem Effekt.
  • Einrollender Effekt mit abschließenden Blinken.
  • Eingehendes Blinken mit abschließenden Ausrollen.
  • Am Anfang und am Ende blinkt die Nachricht.

  • Texte und Ticker-Verhalten lassen sich in Zeile 32-35 anpassen.
  • In Zeile 39-53 werden die Tickerparameter eingestellt.
  • In Zeile 8 befindet sich der "onload-Befehl".
  • In Zeile 130 kann das Aussehen des Tickers eingestellt werden.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
 
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Universeller Ticker</title>
</head>
 
<BODY onLoad="StartTicker()">
 
<script language="JavaScript1.2" type="text/javascript">
<!--
// © Autor Dietmar Rabich 
// http://www.rabich.de
 
function StartTicker()
{
	document.NewsTicker.Zeile.value	= "Bitte nutzen Sie einen aktuelleren Browser."
}
// Tickermeldungen
 
// Es muessen alle drei Werte angegeben werden.
 
// Effekte fuer Start:
//   1: einrollen
//   2: blinken
// Effekte fuer Ende:
//   1: ausrollen
//   2: blinken
 
var	tickernews	=
[
{meldung:" Mit ein- und ausrollendem Effekt.", starteffekt:1, endeeffekt:1},
{meldung:" Hier wird eingerollt und abschließend geblinkt.", starteffekt:1, endeeffekt:2},
{meldung:" Nach dem eingehenden Blinken wird ausgerollt.", starteffekt:2, endeeffekt:1},
{meldung:" Jetzt wird am Anfang und am Ende geblinkt.", starteffekt:2, endeeffekt:2}
]
 
// Tickerparameter
var	ticker_start			= 700	// Wartezeit bis zur ersten Meldung
 
var	ticker_effekt1_start_a		= 75	// Darstellungsgeschwindigkeit [ms]
var	ticker_effekt1_start_b		= 2500	// Darstellungszeit der Meldung [ms]
 
var	ticker_effekt2_start_max_blink	= 2	// Anzahl der Blinkdarstellungen
var	ticker_effekt2_start_a		= 300	// Blinkgeschwindigkeit [ms]
var	ticker_effekt2_start_b		= 2500	// Darstellungszeit der Meldung [ms]
 
var	ticker_effekt1_ende_a		= 50	// Scrollgeschwindigkeit [ms]
var	ticker_effekt1_ende_b		= 100	// Wartezeit bis zur naechsten Meldung [ms]
 
var	ticker_effekt2_ende_max_blink	= 2	// Anzahl der Blinkdarstellungen
var	ticker_effekt2_ende_a		= 300	// Blinkgeschwindigkeit [ms]
var	ticker_effekt2_ende_b		= 1000	// Wartezeit bis zur naechsten Meldung [ms]
 
// Interne Variablen
var	msgnr	= 0
 
// Aufruf der naechsten Meldung
function nextTicker()
{
	msgnr++
	if(msgnr >= tickernews.length)
		msgnr	= 0
	setTimeout("showTicker(0)", 1000)
}
 
// Effekte fuer Meldungsende
function hideTicker(cnt)
{
	switch(tickernews[msgnr].endeeffekt)
	{
		// Effekt 2
		case 2:
document.NewsTicker.Zeile.value	= ((cnt % 2) == 1) ? tickernews[msgnr].meldung : ""
if(cnt > (2 * ticker_effekt2_ende_max_blink + 1))
	setTimeout("nextTicker(0)", ticker_effekt2_ende_b)
	else
	setTimeout("hideTicker(" + String(cnt + 1) + ")", ticker_effekt2_ende_a)
	break
 
// Effekt 1
	default:
document.NewsTicker.Zeile.value	= 
tickernews[msgnr].meldung.substring(cnt, tickernews[msgnr].meldung.length)
if(cnt >= tickernews[msgnr].meldung.length)
	setTimeout("nextTicker()", ticker_effekt1_ende_b)
		else
	setTimeout("hideTicker(" + String(cnt + 1) + ")", ticker_effekt1_ende_a)
	}
}
 
// Effekte fuer Meldungsanfang
function showTicker(cnt)
{
	switch(tickernews[msgnr].starteffekt)
	{
// Effekt 2
case 2:
document.NewsTicker.Zeile.value	= ((cnt % 2) == 1) ? "" : tickernews[msgnr].meldung
if(cnt > (2 * ticker_effekt2_start_max_blink + 1))
	setTimeout("hideTicker(0)", ticker_effekt2_start_b)
else
	setTimeout("showTicker(" + String(cnt + 1) + ")", ticker_effekt2_start_a)
	break
 
// Effekt 1
	default:
document.NewsTicker.Zeile.value	= tickernews[msgnr].meldung.substring(0, cnt)
if(cnt >= tickernews[msgnr].meldung.length)
	setTimeout("hideTicker(0)", ticker_effekt1_start_b)
else
setTimeout("showTicker(" + String(cnt + 1) + ")", ticker_effekt1_start_a)
	}
}
 
// Start des Tickers
function StartTicker()
{
	// Standardmeldung
	document.NewsTicker.Zeile.value	= "  Ticker wird geladen..."
 
	// Ticker starten
	setTimeout("showTicker(0)", ticker_start)
}
 
//-->
</script>
 
<form name="NewsTicker">
<input type="TEXT" READONLY style="border: none; background-color: #000033; color: #FFFFFF; font-size: 19px; font-family: monospace;" name="Zeile" size=60 maxlenth=60">
</form>
 
</body>
</html>
 
 

Schlie�en

Ich denke, dass die 2. Funktion Deiner Vorstellung entspricht, "Einrollender Effekt mit abschließenden Blinken ".
Baut man die Zeile 129-131 etwas um, passt das Script in Deine Webseite. Leider kann man noch nicht die Farben eines einzelnen Tickers verändern!
Mal sehen!
Es ist noch darauf zu achten, den "onload-Befehl " im "Body " (Zeile 8) einzutragen!

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
 
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Universeller Ticker</title>
</head>
 
<BODY onLoad="StartTicker()">
 
<script language="JavaScript1.2" type="text/javascript">
<!--
// © Autor Dietmar Rabich 
// http://www.rabich.de
 
function StartTicker()
{
	document.NewsTicker.Zeile.value	= "Bitte nutzen Sie einen aktuelleren Browser."
}
// Tickermeldungen
 
// Es muessen alle drei Werte angegeben werden.
 
// Effekte fuer Start:
//   1: einrollen
//   2: blinken
// Effekte fuer Ende:
//   1: ausrollen
//   2: blinken
 
var	tickernews	=
[
{meldung:" +++ Der Osna Radio Club wünscht Euch einen schönen 3. Advent. +++", starteffekt:1, endeeffekt:2},
{meldung:" +++ Funkbetrieb zum Jahreswechsel --> 30.12.2015 - 01.01.2016 +++", starteffekt:1, endeeffekt:2},
{meldung:" +++ Wir begrüßen unsere neuen Club-Mitglieder:  +++", starteffekt:1, endeeffekt:2},
{meldung:" +++ '13 Osna Radio 10' Sascha aus Achmer (Sierra Hotel 3) +++", starteffekt:1, endeeffekt:2}
]
 
// Tickerparameter
var	ticker_start			= 700	// Wartezeit bis zur ersten Meldung
 
var	ticker_effekt1_start_a		= 75	// Darstellungsgeschwindigkeit [ms]
var	ticker_effekt1_start_b		= 2500	// Darstellungszeit der Meldung [ms]
 
var	ticker_effekt2_start_max_blink	= 2	// Anzahl der Blinkdarstellungen
var	ticker_effekt2_start_a		= 300	// Blinkgeschwindigkeit [ms]
var	ticker_effekt2_start_b		= 2500	// Darstellungszeit der Meldung [ms]
 
var	ticker_effekt1_ende_a		= 50	// Scrollgeschwindigkeit [ms]
var	ticker_effekt1_ende_b		= 100	// Wartezeit bis zur naechsten Meldung [ms]
 
var	ticker_effekt2_ende_max_blink	= 2	// Anzahl der Blinkdarstellungen
var	ticker_effekt2_ende_a		= 300	// Blinkgeschwindigkeit [ms]
var	ticker_effekt2_ende_b		= 1000	// Wartezeit bis zur naechsten Meldung [ms]
 
// Interne Variablen
var	msgnr	= 0
 
// Aufruf der naechsten Meldung
function nextTicker()
{
	msgnr++
	if(msgnr >= tickernews.length)
		msgnr	= 0
	setTimeout("showTicker(0)", 1000)
}
 
// Effekte fuer Meldungsende
function hideTicker(cnt)
{
	switch(tickernews[msgnr].endeeffekt)
	{
		// Effekt 2
		case 2:
document.NewsTicker.Zeile.value	= ((cnt % 2) == 1) ? tickernews[msgnr].meldung : ""
if(cnt > (2 * ticker_effekt2_ende_max_blink + 1))
	setTimeout("nextTicker(0)", ticker_effekt2_ende_b)
	else
	setTimeout("hideTicker(" + String(cnt + 1) + ")", ticker_effekt2_ende_a)
	break
 
// Effekt 1
	default:
document.NewsTicker.Zeile.value	= 
tickernews[msgnr].meldung.substring(cnt, tickernews[msgnr].meldung.length)
if(cnt >= tickernews[msgnr].meldung.length)
	setTimeout("nextTicker()", ticker_effekt1_ende_b)
		else
	setTimeout("hideTicker(" + String(cnt + 1) + ")", ticker_effekt1_ende_a)
	}
}
 
// Effekte fuer Meldungsanfang
function showTicker(cnt)
{
	switch(tickernews[msgnr].starteffekt)
	{
// Effekt 2
case 2:
document.NewsTicker.Zeile.value	= ((cnt % 2) == 1) ? "" : tickernews[msgnr].meldung
if(cnt > (2 * ticker_effekt2_start_max_blink + 1))
	setTimeout("hideTicker(0)", ticker_effekt2_start_b)
else
	setTimeout("showTicker(" + String(cnt + 1) + ")", ticker_effekt2_start_a)
	break
 
// Effekt 1
	default:
document.NewsTicker.Zeile.value	= tickernews[msgnr].meldung.substring(0, cnt)
if(cnt >= tickernews[msgnr].meldung.length)
	setTimeout("hideTicker(0)", ticker_effekt1_start_b)
else
setTimeout("showTicker(" + String(cnt + 1) + ")", ticker_effekt1_start_a)
	}
}
 
// Start des Tickers
function StartTicker()
{
	// Standardmeldung
	// document.NewsTicker.Zeile.value	= "  Ticker wird geladen..." // nicht unbedingt notwendig!
 
	// Ticker starten
	setTimeout("showTicker(0)", ticker_start)
}
 
//-->
</script>
 
<table>
<tr>
<td>
<center>
 
<form name="NewsTicker">
<input type="text" READONLY style="border:7px ridge #777777; font-family: Baskerville Old Face; font-size: 13pt; color: #ffffff; background-color: #000000; text-align:center; width:600px; high:40px;" name="Zeile">
</form>
 
</center>
</td>
</tr>
</table>
 
</body>
</html>
 

 

Schlie�en

Bis dann und viel Spaß beim Testen
Gruß
Wolfgang

charlie1965 findet das Top!

Antworten

#9 | Wechselnder News Ticker mit Blinkeffekt am Ende - Fehler gefunden! datum

21.12.2015 14:00 (zuletzt bearbeitet: 13.04.2017 22:21)

Wolfgang

Administrator

Informationen anzeigen

Beitr�ge:	3551
Registriert seit:	10.12.2006
Blog:	Wolfgangs Blog

Homepage:	Nicht angegeben
Letzte Spende	Betrag � Forum Spende
Sternzeichen	Skorpion
Likes	1411

Wechselnder News Ticker mit Blinkeffekt am Ende - Fehler gefunden!

Hallo Magister,
bei mir war kein Fehler zu sehen, in allen 4 Browsern. Vielleicht liegt es auch an der Auflösung.....???

Habe aber Deine Lösung (Email) in Beitrag 8 bereits abgeändert!

1
2
3
4
5
6
7
8
9
10
11
12
13
 
<table>
<tr>
<td>
<center>
 
<form name="NewsTicker">
<input type="text" READONLY style="border:7px ridge #777777; font-family: Baskerville Old Face; font-size: 13pt; color: #ffffff; background-color: #000000; text-align:center; width:600px; high:40px;" name="Zeile">
</form>
 
</center>
</td>
</tr>
</table>
 

Schlie�en

Ich finde, dass die Lademeldung für den Ticker (Zeile 120) stört.
Man kann sie auch auskommentieren:

1
 
// document.NewsTicker.Zeile.value	= "  Ticker wird geladen..."

Wolfgang

Magister findet das Top!

Antworten

#10 | RE: Wechselnder News Ticker mit Blinkeffekt am Ende - Fehler gefunden! datum

22.12.2015 10:59

Magister

Informationen anzeigen

Beitr�ge:	93
Registriert seit:	03.04.2008

Homepage:	Link
Letzte Spende	Betrag 5 � Forum Spende
Sternzeichen	Fische
Likes	15

Zitat von Wolfgang im Beitrag #10
Wechselnder News Ticker mit Blinkeffekt am Ende - Fehler gefunden!

Ich finde, dass die Lademeldung für den Ticker (Zeile 120) stört.
Man kann sie auch auskommentieren:
1
// document.NewsTicker.Zeile.value	= "  Ticker wird geladen..."
 
Wolfgang

Thx Wolfgang.
Habe das ausgeklammert.
Fehlt nur noch, das ich die Texte in verschiedene Farben darstellen kann.
Bin voller zuversicht, das Du das auch noch hinbekommst.

Antworten

reCAPTCHA - Hallo Wolfgang � � Etwas spät: Frohe Ostern

Seite 1 von 2 � Seite 1 2 Seite �

�hnliche Themen

Antworten

Letzter Beitrag

Was mache ich hier falsch? - Präsentation von News & Tipps!
Erstellt im Forum Alles f�r Ihr eigenes Forum oder Ihrer Webseite - Fragen & Antworten! von Daishi

22.06.2024 09:13
von

Daishi • Zugriffe: 705

Meine Idee und Inspiration mit Vorstellung der Skripte - Vorlagen (Daishi) - Verlinkter, animierter Hinweis
Erstellt im Forum Alles f�r Ihr eigenes Forum oder Ihrer Webseite - Hilfe, Tricks & Tipps! von Daishi

03.07.2024 16:17
von

Wolfgang • Zugriffe: 2009

Scroll-Funktion / Höhenproblem im Forum
Erstellt im Forum Alles f�r Ihr eigenes Forum oder Ihrer Webseite - Hilfe, Tricks & Tipps! von Kipper-Spedition

18.11.2023 00:46
von

Wolfgang • Zugriffe: 394

RSS-Feed bzw. News auf der Portalseite
Erstellt im Forum Alles f�r Ihr eigenes Forum oder Ihrer Webseite - Hilfe, Tricks & Tipps! von Kipper-Spedition 7 19.07.2023 21:37
creator • Zugriffe: 371
Laufschriften und Ticker
Erstellt im Forum Alles f�r Ihr eigenes Forum oder Ihrer Webseite - Hilfe, Tricks & Tipps! von charlie1965 0 02.10.2022 13:27
charlie1965 • Zugriffe: 323

News-Laufschrift in der Kopf- & Fußzeile
Erstellt im Forum Alles f�r Ihr eigenes Forum oder Ihrer Webseite - Hilfe, Tricks & Tipps! von Daishi

10.03.2024 13:02
von

Kipper-Spedition • Zugriffe: 781

Verlinkte Grafik - Hinweis auf spezielle Beiträge, Ereignisse und Favoriten!
Erstellt im Forum Alles f�r Ihr eigenes Forum oder Ihrer Webseite - Hilfe, Tricks & Tipps! von Wolfgang

19.03.2017 08:25
von

Wolfgang • Zugriffe: 2164

Diashow mit wechselnder Laufrichtung
Erstellt im Forum Alles f�r Ihr eigenes Forum oder Ihrer Webseite - Hilfe, Tricks & Tipps! von Wolfgang 1 27.04.2011 12:14
Wolfgang • Zugriffe: 3021

Durchgehende Laufschrift (Ticker) mit vielseitigen Funktionen
Erstellt im Forum Alles f�r Ihr eigenes Forum oder Ihrer Webseite - Hilfe, Tricks & Tipps! von Wolfgang

12.01.2024 20:13
von

Wolfgang • Zugriffe: 14452

Foren Spende

Hallo !

Wir hoffen, dass Dir unser Forum gef�llt und Du Dich hier genauso wohlf�hlst wie wir.

Um Dir und den anderen Mitgliedern das Bestm�gliche bieten zu k�nnen, w�rden wir das Forum gern werbefrei gestalten, mit tollen neuen Extras erg�nzen.

Wenn Du uns dabei unterst�tzen m�chtest, kannst Du mit Hilfe einer kleinen Spende dazu beitragen.

Deine Spende hilft!

Spendenziel: 45 €

21%

Wechselnder News Ticker mit Web-Links und MittenpositionAktualisiert 26.10.2015

Wechselnder News Ticker mit Blinkeffekt am EndeAktualisiert 21.12.15

Wechselnder News Ticker mit Blinkeffekt am Ende - Fehler gefunden!

Wechselnder News Ticker mit Blinkeffekt am Ende - Fehler gefunden!

Wechselnder News Ticker mit Web-Links und Mittenposition
Aktualisiert 26.10.2015

Wechselnder News Ticker mit Blinkeffekt am Ende
Aktualisiert 21.12.15