J A V A S C R I P T - I N D E X:
 
 
 
 
  • 4. Statusbar beschriften:
    <a href="http://www.TurboTools.de" class="bottomlink" onmouseover="window.status='TurboTools.de';return true">TurboTools.de</a>
 
  • 5. Statusbar als Laufschrift:
    <script language=JavaScript>
    <!--
    var i=0;
    var msg="";
    var m1=" +++ Herzlich Willkommen auf meiner Homepage";

    function playtext ()
    {
    setTimeout ("playtext()",150);
    window.status=msg.substring(i, msg.length)+msg.substring(0, i)
    if (i++==msg.length) i=0;
    }
    msg=m1;
    playtext();
    // -->
    </script>
 
  • 6. Besuchzeit anzeigen & Kommentare:
    <script language="JavaScript">

    // JAVA Script by Dipl.-Ing. Thomas Speiser Software-Programmer
    // http://www.TurboTools.de & Speiser@TurboTools.de
    // Es waere cool, wenn der Vermerk drin bliebe!
    // Freeright 2000 zum beliebigen Kopieren.
    // ACHTUNG: dieses Script wird nicht von Netscape unterstützt, nur vom IE!.

    //if ((Min == 2 || Min == 6 || Min == 10) && Sek == 0) {DANKE()}

    <!--
    var Sek = 0;
    var Zeit = 0;
    var Format = "0";
    var Format2 = "0";

    function DANKE1()
    {
    alert("Hallo, erstes Dankeschön!");
    return(" ");
    }

    function DANKE2()
    {
    alert("Hallo, zweites Dankeschönt!");
    return(" ");
    }

    function DANKE3()
    {
    alert("Hallo, und dritte Dankeschön!");
    return(" ");
    }

    function ZeitAnzeigen()
    {
    Sek++;
    Zeit++;
    if (Sek == 60) {Sek = 0;}
    if (Sek < 10) {Format2 = "0";} else {Format2 = "";}
    var Min = Math.round((Zeit-30)/60);

    if (Min < 10) {Format = "0";} else {Format = "";}
    document.all.Uhr.innerHTML = "Zeit: ("+ Format + Min +":"+ Format2 + Sek+")";

    // Dankesagung1
    if (Min == 2 && Sek == 0) {DANKE1()}

    // Dankesagung2
    if (Min == 6 && Sek == 0) {DANKE2()}

    // Dankesagung3
    if (Min == 8 && Sek == 0) {DANKE3()}

    window.setTimeout("ZeitAnzeigen()",1000);
    }
    window.setTimeout("ZeitAnzeigen()",1000);
    // -->
    </script>
    <p id="Uhr" style="font-family:Arial; font-size:10; text-align:center; color:#80FF00"></font></font></p>
 
  • 7. Laufschrift im Eingabefeld (Ticker):
    <script language="JavaScript">
    <!--
    // ********** Deklaration Ticker ************************
    // 1996 von Christoph Bergmann... http://acc.de/cb
    // Es waere nett, wenn dieser Vermerk drin bliebe...


    var max=0;

    function textlist()
    {
    max=textlist.arguments.length;
    for (i=0; i<max; i++)
    this[i]=textlist.arguments[i];
    }

    tl=new textlist
    (
    "Herzlich Willkommen auf meiner Homepage",
    "Ich bin sehr froh Sie begrüßen zu können",
    "Sie finden Infos / Links und Support"
    );

    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()",1000);
    x++;
    if(x==max) x=0;
    l=tl[x].length;
    }
    else
    setTimeout("textticker()",50);
    }
    // **************** Ende Deklaration Ticker ********************
    // -->

    </script>
    <div align="center"><center>

    <body onload="textticker()">

    <form name="form1"> <p align="center"><font size="1" face="Arial">
    <input type="text" size="31" name="textfeld"></font></p>
    </form>
 
  • 8. Laufschrift mit Layers (Marquee):
    <script language="JavaScript">

    if(document.layers)
    var x = window.innerWidth;

    function dynamisch()
    {
    if(document.layers)
    {
    document.laufschrift.left = x;
    document.laufschrift.visibility = "show";
    x-=3;
    if(x< -document.laufschrift.clip.width) x = window.innerWidth;
    setTimeout("dynamisch()",1);}
    }

    </script>

    <body onLoad="dynamisch()" style="margin:0pt">
    <marquee>
    <layer id="laufschrift" top=0 left=0 visibility=hide>
    <nobr>
    <font color=#AB2F2F>Willkommen auf meiner Homepage!!!
    </font>
    </nobr>
    </layer>
    </marquee>
 
  • 9. Eigene Seite als Startseite:
    <img src="start.gif" width="19" height="20" onmouseover="this.style.behavior='url(#default#homepage)';
    this.setHomePage('http://www.TurboTools.de');">
 
  • 10. Eigene Seite als Link in Favoriten:
    <a href="javascript:window.external.AddFavorite('http://www.TurboTools.de','TurboTools.de')" class="bottomlink" onmouseover="window.status='Besuchen Sie meine Seiten';return true">TurboTools.de</a>
 
 
 
  • 13. Auf die rechte Maustaste reagieren:
    <script language="JavaScript">
    <!--
    function right(e)
    {
    if (navigator.appName == 'Netscape' && (e.which == 3 || e.which == 2)) return false;
    else if (navigator.appName == 'Microsoft Internet Explorer' && (event.button == 2 || event.button == 3))
    { alert("Sie befinden sich auf meiner Homepage!!!");
    return false;
    }
    return true;
    }
    document.onmousedown=right;
    if (document.layers) window.captureEvents(Event.mousedown);
    window.onmousedown=right;
    // -->
    </script>
 
  • 14. Fadenkreuz im Framefenster:
    <style>
    <!--
    #leftright, #topdown{
    position:absolute;
    left:0;
    top:0;
    width:1px;
    height:1px;
    layer-background-color:lime;
    background-color:lime;
    z-index:100;
    font-size:1px;
    }
    -->
    </style>
    </head>

    <p align="center"><!--webbot bot="HTMLMarkup" startspan -->
    <div id="leftright" style="width:expression(document.body.clientWidth-2)"></div>
    <div id="topdown" style="height:expression(document.body.clientHeight-2)"></div>

    <!--webbot
    bot="HTMLMarkup" endspan --><script language="JavaScript1.2">
    <!--
    /*jason theis,http://members.tripod.com/b-lueflame
    */


    if (document.all&&!window.print){
    leftright.style.width=document.body.clientWidth-2
    topdown.style.height=document.body.clientHeight-2
    }
    else if (document.layers){
    document.leftright.clip.width=window.innerWidth
    document.leftright.clip.height=1
    document.topdown.clip.width=1
    document.topdown.clip.height=window.innerHeight
    }
    function followmouse1(){
    //move cross engine for IE 4+
    leftright.style.pixelTop=document.body.scrollTop+event.clientY+1
    topdown.style.pixelTop=document.body.scrollTop
    if (event.clientX<document.body.clientWidth-2)
    topdown.style.pixelLeft=document.body.scrollLeft+event.clientX+1
    else
    topdown.style.pixelLeft=document.body.clientWidth-2
    }
    function followmouse2(e){
    //move cross engine for NS 4+
    document.leftright.top=e.y+1
    document.topdown.top=pageYOffset
    document.topdown.left=e.x+1
    }
    if (document.all)
    document.onmousemove=followmouse1
    else if (document.layers){
    window.captureEvents(Event.MOUSEMOVE)
    window.onmousemove=followmouse2
    }
    function regenerate(){
    window.location.reload()
    }
    function regenerate2(){
    setTimeout("window.onresize=regenerate",400)
    }
    if ((document.all&&!window.print)||document.layers)
    //if the user is using IE 4 or NS 4, both NOT IE 5+
    window.onload=regenerate2

    //-->
    </script></p>
    <body style="overflow-x:hidden">
 
  • 15. Dynamische graphische Buttons:
    <script language="JavaScript">
    <!--
    games_blau = new Image();
    games_blau.src = "games_b.gif";
    games_rot = new Image();
    games_rot.src = "games_r.gif";
    links_blau = new Image();
    links_blau.src = "links_b.gif";
    links_rot = new Image();
    links_rot.src = "links_r.gif";
    // -->
    </script>

    <a href="games.htm" target="Content"
    onmouseover="document.images[0].src=games_rot.src" "window.status"
    onmouseout="document.images[0].src=games_blau.src" "window.status">
    <font face="Arial"><strong>
    <img src="games_b.gif" alt="Spiele" border="0" width="101" height="39">

    <a href="links.htm" target="Content"
    onmouseover="document.images[1].src=links_rot.src" "window.status"
    onmouseout="document.images[1].src=links_blau.src" "window.status">
    <font face="Arial"><strong>
    <img src="links_b.gif" alt="Links" border="0" width="101" height="39">
 
  • 16. Dynamischer Tabellenhintergrund:
    <td onmouseout="this.style.backgroundColor='';" onmouseover="this.style.backgroundColor='red';"><a href="http://www.TurboTools.de"<font color="#000000" size="1" face="Arial">Eintrag</font></a></td>
 
  • 17. Dialogsabfrage:
    <script language="JavaScript">
    <!--
    function OKAY()
    {
    alert("Alles klar!");
    return " ";
    }

    function check()
    {
    if (!confirm ("Hallo USER, bist Du damit einverstanden?"))
    return " ";OKAY();
    }
    document.writeln(check())
    //-->
    </script>
 
  • 18. Kalendertabelle:
    <script language="JavaScript">
    <!--
    var d = new Date();
    var dm = d.getMonth() + 1;
    var dj = d.getYear();
    if(dj < 100) dj+=1900;
    Kalender(dm,dj);

    function Kalender(Monat,Jahr)
    {
    Monatsname = new Array
    ("Januar","Februar","M&auml;rz","April","Mai","Juni","Juli",
    "August","September","Oktober","November","Dezember");
    Tag = new Array ("Mo","Di","Mi","Do","Fr","Sa","So");

    var KSchrArt = "Verdana,Arial"; /* Schriftart Kalenderkopf */
    var KSchrGroesse = 3; /* Schriftgroesse 1-7 Kalenderkopf */
    var KSchrFarbe = "#FFFF00"; /* Schriftfarbe Kalenderkopf */
    var Khgrund = "#000066"; /* Hintergrundfarbe Kalenderkopf */
    var TSchrArt = "Verdana,Arial"; /* Schriftart Tagesanzeige */
    var TSchrGroesse = 3; /* Schriftgroesse 1-7 Tagesanzeige */
    var TSchrFarbe = "#000000"; /* Schriftfarbe Tagesanzeige */
    var Thgrund = "#D0F0F0"; /* Hintergrundfarbe Tagesanzeige */
    var SoFarbe = "#E00000"; /* Schriftfarbe f. Sonntage */
    var Ahgrund = "#FFFFFF"; /* Hintergrundfarbe f. heutigen Tag */

    var jetzt = new Date();
    var DieserMonat = jetzt.getMonth() + 1;
    var DiesesJahr = jetzt.getYear();
    if(DiesesJahr < 100) DiesesJahr+=1900;
    var DieserTag = jetzt.getDate();
    var Zeit = new Date(Jahr,Monat-1,1);
    var Start = Zeit.getDay();
    if(Start > 0) Start--;
    else Start = 6;
    var Stop = 31;
    if(Monat==4 ||Monat==6 || Monat==9 || Monat==11 ) --Stop;
    if(Monat==2)
    {
    AnzTage=-3;
    if(Jahr%4==0) Stop++;
    if(Jahr%100==0) Stop--;
    if(Jahr%400==0) Stop++;
    }
    document.write("<table border=3 cellpadding=1 cellspacing=1>");
    var Monatskopf = Monatsname[Monat-1] + " " + Jahr;
    SchreibeKopf(Monatskopf,Khgrund,KSchrFarbe,KSchrGroesse,KSchrArt);
    var Tageszahl = 1;
    for(i=0;i<=5;i++)
    {
    document.write("<tr>");
    for(j=0;j<=5;j++)
    {
    if((i==0)&&(j < Start))
    SchreibeZelle("&#160;",Thgrund,TSchrFarbe,TSchrGroesse,TSchrArt);
    else
    {
    if(Tageszahl > Stop)
    SchreibeZelle("&#160;",Thgrund,TSchrFarbe,TSchrGroesse,TSchrArt);
    else
    {
    if((Jahr==DiesesJahr)&&(Monat==DieserMonat)&&(Tageszahl==DieserTag))
    SchreibeZelle(Tageszahl,Ahgrund,TSchrFarbe,TSchrGroesse,TSchrArt);
    else
    SchreibeZelle(Tageszahl,Thgrund,TSchrFarbe,TSchrGroesse,TSchrArt);
    Tageszahl++;
    }
    }
    }
    if(Tageszahl > Stop)
    SchreibeZelle("&#160;",Thgrund,SoFarbe,TSchrGroesse,TSchrArt);
    else
    {
    if((Jahr==DiesesJahr)&&(Monat==DieserMonat)&&(Tageszahl==DieserTag))
    SchreibeZelle(Tageszahl,Ahgrund,SoFarbe,TSchrGroesse,TSchrArt);
    else
    SchreibeZelle(Tageszahl,Thgrund,SoFarbe,TSchrGroesse,TSchrArt);
    Tageszahl++;
    }
    document.write("</tr>");
    }
    document.write("</table>");
    }

    function SchreibeKopf(Monatstitel,HgFarbe,SchrFarbe,SchrGroesse,SchrArt)
    {
    document.write("<tr>");
    document.write("<td align=center colspan=7 valign=middle bgcolor="+HgFarbe+">");
    document.write('<font size='+SchrGroesse+' color='+SchrFarbe+' face="'+SchrArt+'"><b>');
    document.write(Monatstitel);
    document.write("</b></font></td></tr>");
    document.write("<tr>");
    for(i=0;i<=6;i++)
    SchreibeZelle(Tag[i],HgFarbe,SchrFarbe,SchrGroesse,SchrArt);
    document.write("</tr>");
    }

    function SchreibeZelle(Inhalt,HgFarbe,SchrFarbe,SchrGroesse,SchrArt)
    {
    document.write("<td align=center valign=middle bgcolor="+HgFarbe+">");
    document.write('<font size='+SchrGroesse+' color='+SchrFarbe+' face="'+SchrArt+'"><b>');
    document.write(Inhalt);
    document.write("</b></font></td>");
    }
    //-->
    </script>
 
  • 19. Quickbar (Menü):
    <form>
    <select name="choice" size="1">
    <option selected value="page.htm">Main Site</option>
    <option value="page1.htm">- Next Site 1</option>
    <option value="page2.htm">- Next Site 2</option>
    </select> <input type="button" value="-&gt;"
    onclick="window.location.href=this.form.choice.options[this.form.choice.selectedIndex].value"></p>
    </form>
 
  • 20. Hover Hyperlink:
    <style TYPE="text/css">
    <!--
    A:link {color:"blue";}
    A:visited {color:"green";}
    A:hover {color:"red";}
    -->
    </style>
 
  • 21. Datumsanzeige (Aktuell):
    <script language="JavaScript">
    var days = new Array(7)
    days[1] = "Sonntag";
    days[2] = "Montag";
    days[3] = "Dienstag";
    days[4] = "Mittwoch";
    days[5] = "Donnerstag";
    days[6] = "Freitag";
    days[7] = "Sonnabend";

    var months = new Array(12)
    months[1] = "Januar";
    months[2] = "Februar";
    months[3] = "März";
    months[4] = "April";
    months[5] = "Mai";
    months[6] = "Juni";
    months[7] = "Juli";
    months[8] = "August";
    months[9] = "September";
    months[10] = "Oktober";
    months[11] = "November";
    months[12] = "Dezember";

    var today = new Date()
    var day = days[today.getDay() + 1]
    var month = months[today.getMonth() + 1]
    var date = today.getDate()
    var year = today.getYear()

    document.write(day + " <BR>" + date + " " + month)
    </script>
 
  • 22. SplashFenster anzeigen:
    <html>

    <head>
    <meta http-equiv="refresh" content="5; URL=start.htm">
    <meta http-equiv="Content-Type"
    content="text/html; charset=iso-8859-1">
    <title>SplashFenster</title>
    </head>

    <body bgcolor="#FFFFFF">

    <p><font size="7">Herzlich Willkommen...</font></p>

    <p><font size="7">Lade Homepage...</font></p>
    </body>
    </html>
< Zurück > Homepage & Programme von Dipl.-Ing. Thomas Speiser Copyright MMX