DevTrain Startseite Advanced Developers Conference vom 14.-15. Februar 2011  
  
  
SUCHEN:  
ARTIKEL ONLINE: 525   

Kategorien
.NET
Datenbanken
Web
XML

Allgemein
Camp
Foren
Events
Persönliche Einstellungen
Registrieren
Prämien Shop
Kontakt
Impressum
Über DevTrain

Autoren


   Autor: Artikel Drucken
        
Laufende Nachrichten mit JavaScript

"Bewegter Text" will die Aufmerksamkeit des Websitebesuchers erregen und tut es auch, vorausgesetzt, die Seite besteht nicht ausschließlich aus animierten Elementen. Und so einfach kann die Erstellung einer "laufenden" Nachricht in einem feststehenden Feld sein!
<HTML>
<HEAD>
<Script Langugage="JavaScript">
<!--    
Variablen und Funktionen im Kopfteil des HTML-Dokuments
Festlegung des Inhalts

var Text = "+ + + Mit dem Nachrichtenticker sollen ";
     Text += "Besucher Ihrer Website auf aktuelle ";
     Text += "Themen hingewiesen werden! ";
     Text += "+ + +                               ; 

1)Beginn des Textausschnitts
 2)Geschwindigkeit des Textdurchlaufs in ms
 3)Laenge des anzuzeigenden Textausschnitts in Zeichen

1) var NachrichtPos = 0;  

2) var NachrichtZeit = 150; 

3) var NachrichtBreite = 50;    

Erstellen der Funktion "nachricht()", mit der der Ticker später aufgerufen werden soll

function nachricht()

{
    var Laenge = NachrichtBreite * 2;                          file://Laenge Textausschnitt
    var TextLaenge  = Text.length;                               file://Länge Gesamttext
    var Ende = NachrichtPos + Laenge;   file://Endposition  innerhalb Gesamttext      
    var NachrichtText = Text.substring( NachrichtPos, Ende); file://auszugebender Text
    if  (Ende > TextLaenge)
    {
                    NachrichtText += Text.substring ( 0, Ende - TextLaenge );
    }
                                                 file://Wert im Textelement aendern:
  document.forms[0].elements[0].value=NachrichtText;
                                                 file://NachrichtPos um ein Zeichen verschieben:
  NachrichtPos = (NachrichtPos + 1) % TextLaenge;
                                                 file://nach Ende der Nachricht neuer Aufruf:
  setTimeout ( "nachricht()", NachrichtZeit);
 }

file://-->

</script>

</HEAD>

Jetzt geht es im Body weiter 
<BODY>
 <CENTER>
  <H2>Hier geht es los!</H2>
  <HR>
  <script>
  <!--
Erstellen des Nachrichtfeldes
   document.writeln("<Form>");
   document.write("<INPUT TYPE='text'");
   document.write("NAME='Tickernachricht'");
   document.writeln("SIZE=" + NachrichtBreite + ">");
   document.writeln("</Form>");  
Zuletzt erfolgt noch der Aufruf der Funktion - und schon "läuft's".

nachricht();

file://-->

</script>
 </CENTER>
</BODY>
</HTML>  

  


DevTrain Camp - Schneller zum .NET 3.5 Developer
 
Verwandte Artikel      Verlinkte Dokumente
    Keine verknüpften Dokumente
    Keine Links vorhanden

  Erfasst am:
  Gültig bis:
2 Ratings
Bewertung: 60,0%
schlecht    sehr gut  

 
© Copyright 2007 ppedv AG