Ertekin Gül: Scripeinbau für Preloading!

SELF-Forum

Scripeinbau für Preloading!

Ertekin Gül
– Informationen zu den Bewertungsregeln

Hallo miteínander!

Wie baue ich dieses Script genau ein?

[LoadingMessage]
loading...
[Beschreibung]
Dieses Script zeigt während des Ladevorgangs einer Seite einen Alternativtext an.

[Code]
zwischen <head> und </head>

<style type="text/css">
body {margin: 0px; width:100%; height:100%;}
#load {position:absolute; left:0px; top:0px; width:100%; height:100%; background-color:#c0c0c0; z-index:300;}
blink.txt {font-size:25px; font-weight:bold;}
</style>
<script language="JavaScript1.2" type="text/javascript">
/************************************************************************
Script made by Martial Boissonneault © 2001 http://getElementById.com/
This script may be used and changed freely as long as this msg is intact
Visit http://getElementById.com/ for more free scripts and tutorials.
*************************************************************************/
var ie5 = (document.getElementById && document.all);
var ns6 = (document.getElementById && !document.all);
function BlinkTxt() {
if(ie5) {
obj = document.getElementsByTagName("blink");
for (var j=0; j<obj.length; j++)
if (obj[j].style.visibility=="hidden") {
obj[j].style.visibility="visible";
}
else {
obj[j].style.visibility="hidden";
}
}
}
setInterval("BlinkTxt()",750)

function SetUp(){
if(ie5 || ns6) {
document.getElementById("load").style.visibility = "hidden";
}
}
onload=SetUp;
</script>

IN den <body> Tag
scroll=no
zwischen <body> und </body>
<div id="load">
<table width="100%" height="95%" align="center" valign="middle">
<tr><td width="100%" height="100%" align="center" valign="middle">
<blink class="txt">loading...</blink>
</td></tr></table>
</div>
......Inhalte der Seite

Beitrag melden
–
Informationen zu den Bewertungsregeln

  1. Scripeinbau für Preloading!

    Christian Kruse Homepage des Autors
    – Informationen zu den Bewertungsregeln

    Hoi,

    Wie baue ich dieses Script genau ein?

    Ich hoffe, das meinst du nicht ernst. Oder doch? Neee, kann
    nicht sein, du bist hier schliesslich bei SELFHTML, von SELF, wie
    SELBER machen.

    Gruesse,
     CK

    Beitrag melden
    –
    Informationen zu den Bewertungsregeln

    1. Scripeinbau für Preloading!

      Ertekin Gül
      – Informationen zu den Bewertungsregeln

      Hoi,

      Wie baue ich dieses Script genau ein?

      Ich hoffe, das meinst du nicht ernst. Oder doch? Neee, kann
      nicht sein, du bist hier schliesslich bei SELFHTML, von SELF, wie
      SELBER machen.

      Gruesse,
      CK

      Keine Antwort auf die Frage? Ich bin kein Profi.

      Beitrag melden
      –
      Informationen zu den Bewertungsregeln

      1. Scripeinbau für Preloading!

        Ertekin Gül
        – Informationen zu den Bewertungsregeln

        Ich muß das in den folgenden Script einbauen. Es ist nicht so leicht.

        Da das Script zu lang ist, teile ich es in zwei Postings.

        Teil:

        indext.htm
        <!-- saved from url=(0022)http://internet.e-mail -->
        <html>
        <head>
        <meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
        <script language="JavaScript">
        var tickerheight = 80;
        var tickerwidth=500;
        var fontcolor="#ffffff";
        var tickercolor="navy";
        var bordercolor="#3333FF";
        var bordersize=8;
        var fontspace=5;
        var fontsize=12;
        var visitedlink="#ffffff";
        var rollovercolor="#ffffcc";
        var font="Verdana";
        var speed=80;
        var pause=2500;
        var sparte=3;
        var rubrik=1;
        var ticker_stop=1;
        var rollover_underline=1;
        var font_underline=0;
        var tickertyp=2;
        </script>
        <script language="JavaScript1.1">
        <!--
        ref = new Image(1,1);
        ref.src = "http://www.countering.de/wcp2000/referrer.exe?a100915+"+document.referrer;
        //-->
        </script>
        <!--END COUNTERING.DE REFERRER QUELLCODE-->
        </head>
        <frameset cols="*">
        <frame name="a" src="ertekin2.htm">
        </frameset>
        </html>

        Ertekin2.htm
        <!-- saved from url=(0022)http://internet.e-mail -->
        <html>
        <head>
        <p align="center"><font color="#FFFF00">H</font></p>
        <p align="left"><font color="#FFFFFF">.</font></p>
        <meta http-equiv="expires" content="15">
        <meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
        <script language="JavaScript">
        var tickerheight =parent.tickerheight*1;
        var tickerwidth=parent.tickerwidth*1;
        var fontcolor=parent.fontcolor;
        var tickercolor=parent.tickercolor;
        var bordercolor=parent.bordercolor;
        var bordersize=parent.bordersize*1;
        var fontspace=5;
        var fontsize=parent.fontsize;
        var visitedlink="#ffffff";
        var rollovercolor="#ffffcc";
        var font=parent.font;
        var speed=parent.speed*1;
        var pause=parent.pause*1;
        var sparte=parent.sparte*1;
        var rubrik=parent.rubrik*1;
        var ticker_stop=1;
        var rollover_underline=1;
        var font_underline=0;
        var tickertyp=2;
        var u_id=201050;

        function design(){
        parent.tickerheight = document.designF.tickerheight.value;
        parent.tickerwidth = document.designF.tickerwidth.value;
        parent.fontcolor = document.designF.fontcolor.value;
        parent.tickercolor = document.designF.tickercolor.value;
        parent.bordercolor = document.designF.bordercolor.value;
        parent.bordersize = document.designF.bordersize.value;
        parent.fontsize = document.designF.fontsize.value;
        parent.font = document.designF.font.value;
        parent.speed = document.designF.speed.value;
        parent.pause= document.designF.pause.value;
        parent.sparte= document.designF.sparte.value;
        parent.rubrik= document.designF.rubrik.value;
        }

        function a(){
        document.write("<scr"+"ipt language=JavaScript src=http://newsticker.shortnews.de/de/js/free/2/ticker.js></scr"+"ipt>")
        }
        </script>

        </head>
        <body background="datei.jpg">
        <script language="JavaScript"> a() </script>
        <form name="designF" onSubmit="return design()">
        <table cellspacing="5" cellpadding="5" border="0">
        <tr>
        <td><font face="Arial">tickerheight</font></td>
        <td align="right"><font face="Arial"><select name="tickerheight" size=1>
        <script language="JavaScript">
        if (tickerheight == 40){document.write("<option value=40 selected> 40 </option>");}
        else document.write("<option value=40> 40 </option>");
        if (tickerheight == 50){document.write("<option value=50 selected> 50 </option>");}
        else document.write("<option value=50> 50 </option>");
        if (tickerheight == 60){document.write("<option value=60 selected> 60 </option>");}
        else document.write("<option value=60> 60 </option>");
        if (tickerheight == 80){document.write("<option value=80 selected> 80 </option>");}
        else document.write("<option value=80> 80 </option>");
        if (tickerheight == 100){document.write("<option value=100 selected> 100 </option>");}
        else document.write("<option value=100> 100 </option>");
        if (tickerheight == 200){document.write("<option value=200 selected> 200 </option>");}
        else document.write("<option value=200> 200 </option>");
        </script>
        </select>
        </font>
        </td>
        <td><font face="Arial">tickerwidth</font></td>
        <td align="right"><font face="Arial"><select name="tickerwidth" size=1>
        <script language="JavaScript">
        if (tickerwidth == 300){document.write("<option value=300 selected> 300 </option>");}
        else document.write("<option value=300> 300 </option>");
        if (tickerwidth == 335){document.write("<option value=335 selected> 335 </option>");}
        else document.write("<option value=335> 335 </option>");
        if (tickerwidth == 370){document.write("<option value=370 selected> 370 </option>");}
        else document.write("<option value=370> 370 </option>");
        if (tickerwidth == 400){document.write("<option value=400 selected> 400 </option>");}
        else document.write("<option value=400> 400 </option>");
        if (tickerwidth == 500){document.write("<option value=500 selected> 500 </option>");}
        else document.write("<option value=500> 500 </option>");
        </script>
        </select>
        </font>
        </td>
        </tr>
        <tr>
        <td><font face="Arial">fontcolor</font></td>
        <td align="right"><font face="Arial"><select name="fontcolor" size=1>
        <script language="JavaScript">
        if (fontcolor == "#ffffff"){document.write("<option value=#ffffff selected> weiß </option>");}
        else document.write("<option value=#ffffff> weiß </option>");
        if (fontcolor == "#000000"){document.write("<option value=#000000 selected> schwarz </option>");}
        else document.write("<option value=#000000> schwarz </option>");
        if (fontcolor == "#ff0000"){document.write("<option value=#ff0000 selected> rot </option>");}
        else document.write("<option value=#ff0000> rot </option>");
        if (fontcolor == "#00ff00"){document.write("<option value=#00ff00 selected> grün </option>");}
        else document.write("<option value=#00ff00> grün </option>");
        if (fontcolor == "#0000ff"){document.write("<option value=#0000ff selected> blau </option>");}
        else document.write("<option value=#0000ff> blau </option>");
        if (fontcolor == "#ff00ff"){document.write("<option value=#ff00ff selected> lila </option>");}
        else document.write("<option value=#ff00ff> lila </option>");
        if (fontcolor == "navy"){document.write("<option value=navy selected> navy </option>");}
        else document.write("<option value=navy> navy </option>");
        if (fontcolor == "#3333FF"){document.write("<option value=#3333FF selected> mittelblau </option>");}
        else document.write("<option value=#3333FF> mittelblau </option>");
        </script>
        </select>
        </font>
        </td>
        <td><font face="Arial">tickercolor</font></td>
        <td align="right"><font face="Arial"><select name="tickercolor" size=1>
        <script language="JavaScript">
        if (tickercolor == "#ffffff"){document.write("<option value=#ffffff selected> weiß </option>");}
        else document.write("<option value=#ffffff> weiß </option>");
        if (tickercolor == "#000000"){document.write("<option value=#000000 selected> schwarz </option>");}
        else document.write("<option value=#000000> schwarz </option>");
        if (tickercolor == "#ff0000"){document.write("<option value=#ff0000 selected> rot </option>");}
        else document.write("<option value=#ff0000> rot </option>");
        if (tickercolor == "#00ff00"){document.write("<option value=#00ff00 selected> grün </option>");}
        else document.write("<option value=#00ff00> grün </option>");
        if (tickercolor == "#0000ff"){document.write("<option value=#0000ff selected> blau </option>");}
        else document.write("<option value=#0000ff> blau </option>");
        if (tickercolor == "#ff00ff"){document.write("<option value=#ff00ff selected> lila </option>");}
        else document.write("<option value=#ff00ff> lila </option>");
        if (tickercolor == "navy"){document.write("<option value=navy selected> navy </option>");}
        else document.write("<option value=navy> navy </option>");
        if (tickercolor == "#3333FF"){document.write("<option value=#3333FF selected> mittelblau </option>");}
        else document.write("<option value=#3333FF> mittelblau </option>");
        </script>
        </select>
        </font>
        </td>
        </tr>
        <tr>
        <td><font face="Arial">bordercolor</font></td>
        <td align="right"><font face="Arial"><select name="bordercolor" size=1>

        Beitrag melden
        –
        Informationen zu den Bewertungsregeln

        1. Scripeinbau für Preloading!

          Ertekin Gül
          – Informationen zu den Bewertungsregeln

          Teil2:

          <script language="JavaScript"> if (bordercolor == "#ffffff"){document.write("<option value=#ffffff selected> weiß </option>");} else document.write("<option value=#ffffff> weiß </option>"); if (bordercolor == "#000000"){document.write("<option value=#000000 selected> schwarz </option>");} else document.write("<option value=#000000> schwarz </option>"); if (bordercolor == "#ff0000"){document.write("<option value=#ff0000 selected> rot </option>");} else document.write("<option value=#ff0000> rot </option>"); if (bordercolor == "#00ff00"){document.write("<option value=#00ff00 selected> grün </option>");} else document.write("<option value=#00ff00> grün </option>"); if (bordercolor == "#0000ff"){document.write("<option value=#0000ff selected> blau </option>");} else document.write("<option value=#0000ff> blau </option>"); if (bordercolor == "#ff00ff"){document.write("<option value=#ff00ff selected> lila </option>");} else document.write("<option value=#ff00ff> lila </option>"); if (bordercolor == "navy"){document.write("<option value=navy selected> navy </option>");} else document.write("<option value=navy> navy </option>"); if (bordercolor == "#3333FF"){document.write("<option value=#3333FF selected> mittelblau </option>");} else document.write("<option value=#3333FF> mittelblau </option>"); </script> </select> </font> </td> <td><font face="Arial">bordersize</font></td> <td align="right"><font face="Arial"><select name="bordersize" size=1> <script language="JavaScript"> if (bordersize == 0){document.write("<option value=0 selected> 0 </option>");} else document.write("<option value=0> 0 </option>"); if (bordersize == 1){document.write("<option value=1 selected> 1 </option>");} else document.write("<option value=1> 1 </option>"); if (bordersize == 2){document.write("<option value=2 selected> 2 </option>");} else document.write("<option value=2> 2 </option>"); if (bordersize == 4){document.write("<option value=4 selected> 4 </option>");} else document.write("<option value=4> 4 </option>"); if (bordersize == 8){document.write("<option value=8 selected> 8 </option>");} else document.write("<option value=8> 8 </option>"); if (bordersize == 15){document.write("<option value=15 selected> 15 </option>");} else document.write("<option value=15> 15 </option>"); </script> </select> </font> </td> </tr> <tr> <td><font face="Arial">fontsize</font></td> <td align="right"><font face="Arial"><select name="fontsize" size=1> <script language="JavaScript"> if (fontsize == 5){document.write("<option value=5 selected> 5 </option>");} else document.write("<option value=5> 5 </option>"); if (fontsize == 8){document.write("<option value=8 selected> 8 </option>");} else document.write("<option value=8> 8 </option>"); if (fontsize == 10){document.write("<option value=10 selected> 10 </option>");} else document.write("<option value=10> 10 </option>"); if (fontsize == 12){document.write("<option value=12 selected> 12 </option>");} else document.write("<option value=12> 12 </option>"); if (fontsize == 16){document.write("<option value=16 selected> 16 </option>");} else document.write("<option value=16> 16 </option>"); if (fontsize == 24){document.write("<option value=24 selected> 24 </option>");} else document.write("<option value=24> 24 </option>"); </script> </select> </font> </td> <td><font face="Arial">font</font></td> <td align="right"><font face="Arial"><select name="font" size=1> <script language="JavaScript"> if (font == "Arial"){document.write("<option value=Arial selected> Arial </option>");} else document.write("<option value=Arial> Arial </option>"); if (font == "Verdana"){document.write("<option value=Verdana selected> Verdana </option>");} else document.write("<option value=Verdana> Verdana </option>"); if (font == "Wingdings"){document.write("<option value=Wingdings selected> Wingdings </option>");} else document.write("<option value=Wingdings> Wingdings </option>"); if (font == "Times New Roman"){document.write("<option value=Times New Roman selected> Times New Roman </option>");} else document.write("<option value=Times New Roman> Times New Roman </option>"); </script> </select> </font> </td> </tr> <tr> <td><font face="Arial">speed</font></td> <td align="right"><font face="Arial"><select name="speed" size=1> <script language="JavaScript"> if (speed == 5){document.write("<option value=5 selected> ganz langsam </option>");} else document.write("<option value=5> ganz langsam </option>"); if (speed == 20){document.write("<option value=20 selected> langsam </option>");} else document.write("<option value=20> langsam </option>"); if (speed == 80){document.write("<option value=80 selected> normal </option>");} else document.write("<option value=80> normal </option>"); if (speed == 400){document.write("<option value=400 selected> schnell </option>");} else document.write("<option value=400> schnell </option>"); if (speed == 1000){document.write("<option value=1000 selected> zu schnell </option>");} else document.write("<option value=1000> zu schnell </option>"); </script> </select> </font> </td> <td><font face="Arial">pause</font></td> <td align="right"><font face="Arial"><select name="pause" size=1> <script language="JavaScript"> if (pause == 15000){document.write("<option value=15000 selected> ganz langsam </option>");} else document.write("<option value=15000> ganz langsam </option>"); if (pause == 7500){document.write("<option value=7500 selected> langsam </option>");} else document.write("<option value=7500> langsam </option>"); if (pause == 2500){document.write("<option value=2500 selected> normal </option>");} else document.write("<option value=2500> normal </option>"); if (pause == 600){document.write("<option value=600 selected> schnell </option>");} else document.write("<option value=600> schnell </option>"); if (pause == 11){document.write("<option value=11 selected> zu schnell </option>");} else document.write("<option value=11> zu schnell </option>"); </script> </select> </font> </td> </tr> <tr> <td><font face="Arial">sparte</font></td> <td align="right"><font face="Arial"><select name="sparte" size=1> <script language="JavaScript"> if (sparte == 4){document.write("<option value=4 selected> allmixed </option>");} else document.write("<option value=4> allmixed </option>"); if (sparte == 1){document.write("<option value=1 selected> hardnews </option>");} else document.write("<option value=1> hardnews </option>"); if (sparte == 2){document.write("<option value=2 selected> software </option>");} else document.write("<option value=2> software </option>"); if (sparte == 3){document.write("<option value=3 selected> Tips und Tricks </option>");} else document.write("<option value=3> Tips und Tricks </option>"); </script> </select> </font> </td> <td><font face="Arial">rubrik</font></td> <td align="right"><font face="Arial"><select name="rubrik" size=1> <script language="JavaScript"> if (rubrik == 13){document.write("<option value=13 selected> alles </option>");} else document.write("<option value=13> alles </option>"); if (rubrik == 1){document.write("<option value=1 selected> High Tech </option>");} else document.write("<option value=1> High Tech </option>"); if (rubrik == 2){document.write("<option value=2 selected> Brennpunkte </option>");} else document.write("<option value=2> Brennpunkte </option>"); if (rubrik == 3){document.write("<option value=3 selected> Entertainment </option>");} else document.write("<option value=3> Entertainment </option>"); if (rubrik == 4){document.write("<option value=4 selected> Wirtschaft </option>");} else document.write("<option value=4> Wirtschaft </option>"); if (rubrik == 5){document.write("<option value=5 selected> Sport </option>");} else document.write("<option value=5> Sport </option>"); if (rubrik == 6){document.write("<option value=6 selected> Politik </option>");} else document.write("<option value=6> Politik </option>"); if (rubrik == 7){document.write("<option value=7 selected> Freizeit </option>");} else document.write("<option value=7> Freizeit </option>"); if (rubrik == 8){document.write("<option value=8 selected> Regionen </option>");} else document.write("<option value=8> Regionen </option>"); if (rubrik == 9){document.write("<option value=9 selected> Wissenschaft </option>");} else document.write("<option value=9> Wissenschaft </option>"); if (rubrik == 10){document.write("<option value=10 selected> Gesundheit </option>");} else document.write("<option value=10> Gesundheit </option>"); if (rubrik == 11){document.write("<option value=11 selected> Kultur </option>");} else document.write("<option value=11> Kultur </option>"); if (rubrik == 12){document.write("<option value=12 selected> Auto </option>");} else document.write("<option value=12> Auto </option>"); </script> </select> </font> </td> </tr> </table> <input type=submit value="Design anpassen"> </form>

          </body> <script language="Javascript"> </script> </html>

          Beitrag melden
          –
          Informationen zu den Bewertungsregeln

          1. Scripeinbau für Preloading!

            Michael Schröpl
            – Informationen zu den Bewertungsregeln

            Hi,

            <script language="JavaScript">

            ... (Millionen Zeilen ineffizienten Codes gelöscht)

            bist Du schon mal auf die Idee gekommen, daß Du nicht tausendmal dasselbe
            hinschreiben mußt, wenn Du immer dasselbe tun willst?

            An vielen Stellen in Deinem Code könntest Du einfach entsprechende Variablen-
            inhalte direkt ausgeben, statt sie abzufragen.

            if (X == 1) document.writeln ("1")
                 else if (X == 2) document.writeln ("2")

            ist nämlich dasselbe wie

            document.writeln (X)

            was doch wesentlich übersichtlicher aussieht, nicht wahr?

            An anderen Stellen brauchst Du ggf. eine Abbildung zwischen Zahlenwerten
            und Strings - aber diese in einem array zu halten und diesen über integers
            zu adressieren ist immer noch wesentlich effizienter als Deine "Lösung".

            Mindestens 60% Deines Codes ist heiße Luft.
            (Eher mehr, fürchte ich - und damit meine ich erst mal nur die Syntax ...)
            Entferne diese, dann wird alles zumindest besser lesbar und wartbar.
            Und dann wird es auch viel leichter, etwas einzubauen.

            Abgesehen davon ist Dein JavaScript-Code ein ziemlich repräsentativer
            Querschnitt all des Unfugs, den man als Anfänger aufgesammelt hat:
            Viel Klick-Bunti, Ticker, Farben.
            Also genau das, was die Besucher Deiner Seiten wie die Pest hassen werden.

            Du hast viel zu lernen vor Dir.
            Wenn Du guten Willens bist, dann bist Du dafür an einem ziemlich geeigneten
            Ort. Trotzdem wirst Du auch in ein paar Monaten noch kein "Profi" sein.

            Viele Grüße
                  Michael

            Beitrag melden
            –
            Informationen zu den Bewertungsregeln

            1. Scripeinbau für Preloading!

              Ertekin Gül
              – Informationen zu den Bewertungsregeln

              Hallo Michael!

              Vielen Dank für deine Hilfe. Den Script habe ich nicht geschrieben, sondern ein Kollege, der zur Zeit in Urlaub ist. Ich habe lediglich die Id-tags und die Bilder eingebunden. Ich möchte eigentlich kein Programierer werden. Ich wollte nur das Preloading einbinden.

              Danke und Gruß - Ertekin

              Beitrag melden
              –
              Informationen zu den Bewertungsregeln