mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: Fr 29.08.2008 22:16 Benutzername: Passwort: Auto-Login

Thema: externes JavaScript in HTML einbinden vom 09.03.2004

Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Programmierung -> externes JavaScript in HTML einbinden
Seite: 1, 2  Weiter
Autor Nachricht
ax
Threadersteller

Dabei seit: 15.10.2003
Ort: -
Alter: -
Geschlecht: Männlich
Verfasst Di 09.03.2004 20:34
Titel

externes JavaScript in HTML einbinden

Antworten mit Zitat Zum Seitenanfang

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?
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
tschifu

Dabei seit: 28.01.2003
Ort: Hochschwarzwald
Alter: 27
Geschlecht: -
Verfasst Di 09.03.2004 20:39
Titel

Antworten mit Zitat Zum Seitenanfang

Eigentlich ganz simpel.

<script type=text/javascript src="deinSCRIPT.js">
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
ax
Threadersteller

Dabei seit: 15.10.2003
Ort: -
Alter: -
Geschlecht: Männlich
Verfasst Di 09.03.2004 20:43
Titel

Antworten mit Zitat Zum Seitenanfang

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?
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
Waschbequen
Account gelöscht


Ort: -

Verfasst Di 09.03.2004 20:59
Titel

Antworten mit Zitat Zum Seitenanfang

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>
 
ax
Threadersteller

Dabei seit: 15.10.2003
Ort: -
Alter: -
Geschlecht: Männlich
Verfasst Mi 10.03.2004 11:58
Titel

Antworten mit Zitat Zum Seitenanfang

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?
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
Waschbequen
Account gelöscht


Ort: -

Verfasst Mi 10.03.2004 12:49
Titel

Antworten mit Zitat Zum Seitenanfang

hab ich doch schon geschrieben
Code:
<a href='+temp2+' target='_blank'>
 
ax
Threadersteller

Dabei seit: 15.10.2003
Ort: -
Alter: -
Geschlecht: Männlich
Verfasst Mi 10.03.2004 13:59
Titel

Antworten mit Zitat Zum Seitenanfang

Danke. Jetzt funktioniert es so wie ich es haben will.
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
ax
Threadersteller

Dabei seit: 15.10.2003
Ort: -
Alter: -
Geschlecht: Männlich
Verfasst Mi 10.03.2004 20:37
Titel

Antworten mit Zitat Zum Seitenanfang

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!
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
 
Ähnliche Themen Externes Gästebuch einbinden
Mit Javascript ein externes-css ansteuern! Geht das?
schriften in html einbinden
PHP in HTML einbinden?
Powerpoint in HTML einbinden
html in flash einbinden
Neues Thema eröffnen   Neue Antwort erstellen Seite: 1, 2  Weiter
MGi Foren-Übersicht -> Programmierung


Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst deine Beiträge in diesem Forum nicht bearbeiten.
Du kannst deine Beiträge in diesem Forum nicht löschen.
Du kannst an Umfragen in diesem Forum nicht mitmachen.