Startseite Forum
Willkommen, Gast
Benutzername: Passwort: Angemeldet bleiben:

Newsticker mit Link
(1 Leser) (1) Gast
Bitte beachten, dass es hier nur um Javascripts geht, die sich nicht in unserem Archiv befinden.
  • Seite:
  • 1
  • 2

THEMA: Newsticker mit Link

Newsticker mit Link 1 Jahr, 11 Monate her #8759

  • liebmi
  • OFFLINE
  • Fresh Boarder
  • Beiträge: 6
  • Karma: 0
Hallo

habe folgendes Problem. Habe in unsere Website einen Newsticker eingefügt. Der Ticker geht auch sehr gut. Kann ich in das Script hinter jede News auch einen Link setzen? Wer kann helfen?

Vielen Dank


Hier der Tickerteil:
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
<head>
<title>Newsticker</title>
<script type="text/javascript">
<!--
var max=0;
function textlist(){max=textlist.arguments.length;for (i=0; i<max; i++) this[i]=textlist.arguments[i];}
tl=new textlist
(
" Aktuelles: Brandenburger Schüler werden früher in DDR-Geschichte unterrichtet // 06.03.10",
" Kein Unrechtsstaat? // 04.03.10",
" ",
" Pressemitteilungen - Presse: Opposition will Kommission zur Aufarbeitung der SED-Diktatur // 06.03.10",
" Kulturstaatsminister Bernd Neumann im Interview mit dem „OPUS-Kulturmagazin“ // 04.03.10",
" ",
" Zusammenarbeit mit Schulen: Weißt du, was „MfS“ bedeutet? // 06.03.10",
" Zeitzeugen für Austauschschüler // 04.03.10",
" ",
" ");
var x=0; pos=0;var l=tl[0].length;
function textticker(){document.form1.textfeld.value=tl[x].substring(0,pos);if(pos++==l){pos=0;
setTimeout("textticker()",2000);
x++;if(x==max) x=0;l=tl[x].length;} else setTimeout("textticker()",80);}
// -->
</script>
</head>
<body onload="textticker()">
<div align="center">
<form name="form1"><input name="textfeld"
style="border: 1px solid rgb(53, 53, 53); padding: 4px; text-align: center; width: 709px; color: rgb(255, 0, 0); background-color: rgb(255, 255, 255); font-family: Arial; font-size: 12px;"
type="text">&nbsp;
<h1><font face="Arial" size="3">
<table style="width: 720px; height: 1185px;"
bgcolor="#353535" border="0" cellpadding="0"
cellspacing="1" width="720">
<tbody>
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

Aw: Newsticker mit Link 1 Jahr, 11 Monate her #8785

  • Super_Mario
  • OFFLINE
  • Platinum Boarder
  • Beiträge: 623
  • Karma: 35
Hallo,

hab dir dein Script mal so umgeschrieben, dass jetzt hinter dem Ticker ein Button ist, der für jede Nachricht einen eigenen Link öffnen kann.

Hier der umgeänderte Code:
<form name="form1">
<input name="textfeld" style="border: 1px solid rgb(53, 53, 53); padding: 4px; text-align: center; width: 709px; color: rgb(255, 0, 0); background-color: rgb(255, 255, 255); font-family: Arial; font-size: 12px;" type="text">
<input type="button" name="Link" value="" onclick="window.open(Linkadressen[x],'Link','')">
</form>
<script type="text/javascript">
<!--
var max=0;
function textlist(){max=textlist.arguments.length;for (i=0; i<max; i++) this[i]=textlist.arguments[i];}
tl=new textlist
(
" Aktuelles: Brandenburger Schüler werden früher in DDR-Geschichte unterrichtet // 06.03.10",
" Kein Unrechtsstaat? // 04.03.10",
" ",
" Pressemitteilungen - Presse: Opposition will Kommission zur Aufarbeitung der SED-Diktatur // 06.03.10",
" Kulturstaatsminister Bernd Neumann im Interview mit dem „OPUS-Kulturmagazin“ // 04.03.10",
" ",
" Zusammenarbeit mit Schulen: Weißt du, was „MfS“ bedeutet? // 06.03.10",
" Zeitzeugen für Austauschschüler // 04.03.10",
" ",
" ");
var Linknamen = new Array(
"Link 1",
"Link 2",
"Link 3",
"Link 4",
"Link 5",
"Link 6",
"Link 7",
"Link 8",
"Link 9",
"Link 10");

var Linkadressen = new Array(
"http://www.adresse-des-links1.de",
"http://www.adresse-des-links2.de",
"http://www.adresse-des-links3.de",
"http://www.adresse-des-links4.de",
"http://www.adresse-des-links5.de",
"http://www.adresse-des-links6.de",
"http://www.adresse-des-links7.de",
"http://www.adresse-des-links8.de",
"http://www.adresse-des-links9.de",
"http://www.adresse-des-links10.de");

var x=0; pos=0;var l=tl[0].length;
function textticker(){document.form1.textfeld.value=tl[x].substring(0,pos);document.form1.Link.value=Linknamen[x];
if(pos++==l){pos=0;
setTimeout("textticker()",2000);
x++;if(x==max) x=0;l=tl[x].length;} else setTimeout("textticker()",80);}
textticker();
// -->
</script>

Bei der rot geschriebene Variable trägst du die Beschreibungen der Links ein und bei der grün geschrieben Variable die dazugehörigen Adressen



Ich hoffe, ich konnte dir helfen
liebe Grüße
Super Mario

Meine Webseite ist Mario & Luigis wunderbare Welt. Dort gibt es auch eine große Auswahl an kostenlosen und werbefreien Javascripts. Meine Javascripts laufen in vielen, bzw. allen Browsern und sind W3C valide!

Aw: Newsticker mit Link 1 Jahr, 11 Monate her #8788

  • liebmi
  • OFFLINE
  • Fresh Boarder
  • Beiträge: 6
  • Karma: 0
Danke für deine Hilfe

Aw: Newsticker mit Link 1 Jahr, 11 Monate her #8789

  • liebmi
  • OFFLINE
  • Fresh Boarder
  • Beiträge: 6
  • Karma: 0
Und wie würde das Script aussehen wenn zum Text ein Link ist. Ich meine der Text kommt rein und der User kann mit der Maus auf den Text klicken und kommt dann auf den entsprechenden Artikel auf der Website.

Aw: Newsticker mit Link 1 Jahr, 11 Monate her #8791

  • Super_Mario
  • OFFLINE
  • Platinum Boarder
  • Beiträge: 623
  • Karma: 35
Dann müsste es so aussehen:
<form name="form1">
<input name="textfeld" style="border: 1px solid rgb(53, 53, 53); padding: 4px; text-align: center; width: 709px; color: rgb(255, 0, 0); background-color: rgb(255, 255, 255); font-family: Arial; font-size: 12px;" type="text" onclick="window.open(Linkadressen[x],'Link','')">
</form>
<script type="text/javascript">
<!--
var max=0;
function textlist(){max=textlist.arguments.length;for (i=0; i<max; i++) this[i]=textlist.arguments[i];}
tl=new textlist
(
" Aktuelles: Brandenburger Schüler werden früher in DDR-Geschichte unterrichtet // 06.03.10",
" Kein Unrechtsstaat? // 04.03.10",
" ",
" Pressemitteilungen - Presse: Opposition will Kommission zur Aufarbeitung der SED-Diktatur // 06.03.10",
" Kulturstaatsminister Bernd Neumann im Interview mit dem „OPUS-Kulturmagazin“ // 04.03.10",
" ",
" Zusammenarbeit mit Schulen: Weißt du, was „MfS“ bedeutet? // 06.03.10",
" Zeitzeugen für Austauschschüler // 04.03.10",
" ",
" ");
var Linkadressen = new Array(
"http://www.adresse-des-links1.de",
"http://www.adresse-des-links2.de",
"http://www.adresse-des-links3.de",
"http://www.adresse-des-links4.de",
"http://www.adresse-des-links5.de",
"http://www.adresse-des-links6.de",
"http://www.adresse-des-links7.de",
"http://www.adresse-des-links8.de",
"http://www.adresse-des-links9.de",
"http://www.adresse-des-links10.de");

var x=0; pos=0;var l=tl[0].length;
function textticker(){document.form1.textfeld.value=tl[x].substring(0,pos);
if(pos++==l){pos=0;
setTimeout("textticker()",2000);
x++;if(x==max) x=0;l=tl[x].length;} else setTimeout("textticker()",80);}
textticker();
// -->
</script>

Das Textfeld hat in diesem Fall ein onclick Attribut bekommen (hier rot markiert) und es gibt nur noch die grün markierte Variable "Linkadressen"
liebe Grüße
Super Mario

Meine Webseite ist Mario & Luigis wunderbare Welt. Dort gibt es auch eine große Auswahl an kostenlosen und werbefreien Javascripts. Meine Javascripts laufen in vielen, bzw. allen Browsern und sind W3C valide!

Aw: Newsticker mit Link 1 Jahr, 11 Monate her #8792

  • liebmi
  • OFFLINE
  • Fresh Boarder
  • Beiträge: 6
  • Karma: 0
Hallo Super_Mario

Danke für die Hilfe. Ich habe es noch nicht ganz Verstanden.

Wie muss das Script aussehen wenn z.b.

" Zusammenarbeit mit Schulen: Weißt du, was „MfS“ bedeutet? // 06.03.10",
" Zeitzeugen für Austauschschüler // 04.03.10",

Zusammenarbeit mit Schulen: DAS SOLL DER LINK SEIN

Aw: Newsticker mit Link 1 Jahr, 11 Monate her #8794

  • Super_Mario
  • OFFLINE
  • Platinum Boarder
  • Beiträge: 623
  • Karma: 35
Das würde bei dem Code gar nicht funktionieren, weil der Textticker in einem Textfeld erscheint und Text in einem Textfeld nicht verlinkt werden kann. Das gesamte Textfeld lässt sich aber schon verlinken.
liebe Grüße
Super Mario

Meine Webseite ist Mario & Luigis wunderbare Welt. Dort gibt es auch eine große Auswahl an kostenlosen und werbefreien Javascripts. Meine Javascripts laufen in vielen, bzw. allen Browsern und sind W3C valide!

Aw: Newsticker mit Link 1 Jahr, 11 Monate her #8795

  • liebmi
  • OFFLINE
  • Fresh Boarder
  • Beiträge: 6
  • Karma: 0
DANKE

Aw: Newsticker mit Link 1 Jahr, 11 Monate her #8796

  • Super_Mario
  • OFFLINE
  • Platinum Boarder
  • Beiträge: 623
  • Karma: 35
Hey,

mir ist jetzt doch noch eine Möglichkeit eingefallen, wie man deinen Textticker mit den Links realisieren kann

Ich hab dir dazu einen passenden Code erstellt:
<div style="border: 1px solid rgb(53, 53, 53); padding: 4px; text-align: center; width: 709px; height: 25px; color: rgb(255, 0, 0); background-color: rgb(255, 255, 255); font-family: Arial; font-size: 12px; overflow: hidden">
<form name="Tickerform" action="" style="overflow: hidden">&nbsp;</form>
</div>
<script type="text/javascript">
<!--
var Textnummer = 0;
var Textposition = 0;
var maximale_Breite = 0;

var Texte = new Array(
" Aktuelles: Brandenburger Schüler werden früher in DDR-Geschichte unterrichtet // 06.03.10",
" Kein Unrechtsstaat? // 04.03.10",
" ",
" Pressemitteilungen - Presse: Opposition will Kommission zur Aufarbeitung der SED-Diktatur // 06.03.10",
" Kulturstaatsminister Bernd Neumann im Interview mit dem „OPUS-Kulturmagazin“ // 04.03.10",
" ",
" Zusammenarbeit mit Schulen: Weißt du, was „MfS“ bedeutet? // 06.03.10",
" Zeitzeugen für Austauschschüler // 04.03.10",
" ",
" ");


function Replace(Eingabe)
{
var Text = Eingabe;
while(Text.indexOf(" ")>-1)
Text = Text.substring(0,Text.indexOf(" "))+"&nbsp;"+Text.substring(Text.indexOf(" ")+1);
return Text;
}

function Textticker()
{
if(Textposition<1)
{
document.Tickerform.style.width = "";
document.Tickerform.innerHTML = Replace(Texte[Textnummer]);
document.Tickerform.style.position = "absolute";
maximale_Breite = document.Tickerform.offsetWidth;
document.Tickerform.innerHTML = '<div style="width: '+maximale_Breite+'px">'+Texte[Textnummer]+'</div>';
document.Tickerform.style.position = "";
document.Tickerform.style.width = "0px";
}
if(Textposition<maximale_Breite)
{
Textposition += 3;
document.Tickerform.style.width = Textposition+"px";
window.setTimeout("Textticker()",80);
}
else
{
Textnummer++;
Textposition = 0;

if(Textnummer>=Texte.length)
Textnummer = 0;

window.setTimeout("Textticker()",2000);
}
}
if((document.Tickerform.innerHTML)&&(parseInt(document.Tickerform.offsetWidth)+""!="NaN"))
Textticker();
//-->
</script>

Dieser Textticker verwendet kein Textfeld als Ausgabe, sondern schreibt die Texte gleich direkt in das Formularfeld.

Die Texte fügst du im rot markierten Bereich ein (funktioniert genauso, wie bei deinem Code). Das Besondere dabei ist aber, dass du sie mit gewöhnlichen HTML-Tags formatieren kannst. Somit lassen sich auch Links einbauen. Ich hab dir in diesem Code übrigens schon die Texte aus dem anderen Newsticker eingetragen.

Das Javascript läuft in allen Browsern, die innerHTML und offsetWidth unterstützen. Moderne Browser tun das aber eh alle
liebe Grüße
Super Mario

Meine Webseite ist Mario & Luigis wunderbare Welt. Dort gibt es auch eine große Auswahl an kostenlosen und werbefreien Javascripts. Meine Javascripts laufen in vielen, bzw. allen Browsern und sind W3C valide!

Aw: Newsticker mit Link 1 Jahr, 11 Monate her #8800

  • liebmi
  • OFFLINE
  • Fresh Boarder
  • Beiträge: 6
  • Karma: 0
danke genau das war es was ich gebraucht habe
  • Seite:
  • 1
  • 2
Ladezeit der Seite: 0.55 Sekunden

Login

Aktuell im Forum

mehr