| Autor |
Nachricht |
Benutzer 9324
Account gelöscht Threadersteller
Ort: -
|
Verfasst Di 09.03.2004 20:34
Titel externes JavaScript in HTML einbinden |
  |
|
Ich möchte einen JavaScript-Newsticker für meine Page einbauen. Wie ich mir den Ticker vorstelle und wie
der lokale Code dafür lautet, findet Ihr hier:
http://klick.link-m.de/webdesign/htmlv/javascript_news-ticker.htm
Jetzt habe ich gehört, dass man eine JavaScript-Anweisung auch in eine
externe Datei mit der Endung .js verlagern und dann in das gewünschte HTML-Dokument reinladen kann.
Das wäre für mich sehr praktisch, da ich die Tickermeldungen ja ständig verändere und nicht überall den neusten Code
reinkopieren will. Mit der externen JS-Variante muss es nur einmal in der JS-Datei ändern und die aktuellste Version
wird überall angezeigt.
Jetzt würde mich interessieren, was ich beim Anlegen dieser Datei beachten muss und was es für Besonderheiten gibt.
Außerdem bräuchte ich mal den Code, wie man die .JS-Datei reinladen kann.
PS: Ich stelle mir das so ähnlich vor, wie das Einbinden einer externen CSS-Datei mit
dem Befehl: <link href="style.css" type="text/css" rel=stylesheet>
Und dann noch der Code, der an der Stelle eingebunden werden muss, wo der Ticker
später angezeigt werden soll.
Ich hätte auch nichts dagegen, wenn Ticker die Wirkung, wie auf der chip.de hat.
Wie lautet hierfür eigentlich der Code?
Achso und noch was: Was muss man an dem JavaScript von link-m.de verändern, dass
sich die Links in einem neuen Fenster öffnen?
|
|
| |
|
 |
tschifu
Dabei seit: 28.01.2003
Ort: Ingelheim
Alter: 42
Geschlecht: -
|
Verfasst Di 09.03.2004 20:39
Titel
|
|
|
Eigentlich ganz simpel.
<script type=text/javascript src="deinSCRIPT.js">
|
|
| |
   |
|
|
Anzeige
|
|
|
Benutzer 9324
Account gelöscht Threadersteller
Ort: -
|
Verfasst Di 09.03.2004 20:43
Titel
|
|
|
Okay. Das ist mir klar. Aber wie gehe ich mit dem ganzen Rattenschwanz an Code um, der letztenendes einen Ticker erzeugt?
Wie muss ich diesen in eine externe JS-Datei einbinden?
|
|
| |
|
|
Waschbequen
Account gelöscht Threadersteller
Ort: -
|
Verfasst Di 09.03.2004 20:59
Titel
|
|
|
ticker.js
| Code: | Begin
// news ticker function
var newslist=new Array();
var cnt=0; // current news item
var curr = ;
var i=-1; // current letter being typed
newslist[0]=new Array(Check out the share check javascript,t_sharecheck.html)
newslist[1]=new Array(Use this javascript to create your own fruit machine,t_fruity.html)
newslist[2]=new Array(Create a To Do list with this script,t_todolist.html)
newslist[3]=new Array(Use this script to register users on your site,t_register.html)
newslist[4]=new Array(This script tells your users the last time they visited your site,t_greetings.html)
function newsticker()
{
// next character of current item
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 = <small><a href='+temp2+' target='_blank'><font color='#ff0000'>+curr+_</small></font></a>;
setTimeout('newsticker()',10)
return;
}
// new item
i = -1; curr = ;
if (cnt<newslist.length-1)
cnt++;
else
cnt=0;
setTimeout('newsticker()',3000)
} |
news.html
| Code: | <!DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.01 Transitional//EN>
<html>
<head>
<title>Unbenannt</title>
<script language=JavaScript1.2 src=ticker.js></script>
</head>
<body onload=newsticker();>
<Span Id=mtxt > </span>
</body>
</html> |
|
|
| |
|
|
Benutzer 9324
Account gelöscht Threadersteller
Ort: -
|
Verfasst Mi 10.03.2004 11:58
Titel
|
|
|
Das mit dem Einbinden einer externen JS-Datei für den Newsticker habe ich hinbekommen. Hab in die JS-Datei für den Newsticker auch gleich noch einige andere JavaScript-Anweisung reingenommen.
So gesehen läuft alles erst einmal einbahnfrei.
Allerdings möchte ich jetzt die dort angezeigten Links in einem neuen Fenster öffnen lassen. Das ist mir bis jetzt noch nicht gelungen.
Wie muss der JavaScript-Code dafür beim Newsticker aussehen?
|
|
| |
|
|
Waschbequen
Account gelöscht Threadersteller
Ort: -
|
Verfasst Mi 10.03.2004 12:49
Titel
|
|
|
hab ich doch schon geschrieben
| Code: | | <a href='+temp2+' target='_blank'> |
|
|
| |
|
|
Benutzer 9324
Account gelöscht Threadersteller
Ort: -
|
Verfasst Mi 10.03.2004 13:59
Titel
|
|
|
|
Danke. Jetzt funktioniert es so wie ich es haben will.
|
|
| |
|
|
Benutzer 9324
Account gelöscht Threadersteller
Ort: -
|
Verfasst Mi 10.03.2004 20:37
Titel
|
|
|
Ich würde das JavaScript noch ein wenig erweitern wollen. Undzwar würde ich es gut finden, wenn die Ticker-Nachrichten in einer Zufälligen Reihenfolge erscheinen.
Man müsste also noch irgendwie einen Zufallsgenrator in dein bereits vorhandenen Code einbauen. Leider habe ich keine Ahnung wie das geht.
Ich bin euch dankbar für jede Unterstützung!
|
|
| |
|
|
| |
|
|
| Ähnliche Themen |
Externes Gästebuch einbinden
Mit Javascript ein externes-css ansteuern! Geht das?
Externe HTML in HTML einbinden
Javascript in PHP einbinden
Einbinden von eigenen Schriftarten in Javascript?
SWF Einbinden l HTML?
|
|
Willkommen auf dem Portal für Mediengestalter
