Funktion vereinfachen

lima-city → Forum → Die eigene Homepage → HTML, CSS & Javascript

Autor dieses Themas

~~d********r~~

17:09, 10.1.2008

Hallo..
ich hab eine kleine Funktion geschrieben, die eigentich nur bewirken soll, dass 3 Punkte nacheinander auftauchen und wieder verschwinden.
Da ich aber noch nicht so gut mit JavaScript umgehen kann ist das ganze ziemlich verhunst
und ich wüsste gerne wie man das besser / schöner machen könnte. ;)

<html>
<head>
<title>Punkte</title>

<script type=\"text/javascript\">


var i = 0;
function Load(){
  document.getElementById(\"load\").style.visibility=\'visible\';
  document.getElementById(\"Punkt_1\").style.visibility=\'hidden\';
  document.getElementById(\"Punkt_2\").style.visibility=\'hidden\';
  document.getElementById(\"Punkt_3\").style.visibility=\'hidden\';

  if(i == 1){
  document.getElementById(\"Punkt_1\").style.visibility=\'visible\';
  document.getElementById(\"Punkt_2\").style.visibility=\'hidden\';
  document.getElementById(\"Punkt_3\").style.visibility=\'hidden\';
  }
  if(i == 2){
  document.getElementById(\"Punkt_1\").style.visibility=\'visible\';
  document.getElementById(\"Punkt_2\").style.visibility=\'visible\';
  document.getElementById(\"Punkt_3\").style.visibility=\'hidden\';
  }
  if(i == 3){
  document.getElementById(\"Punkt_1\").style.visibility=\'visible\';
  document.getElementById(\"Punkt_2\").style.visibility=\'visible\';
  document.getElementById(\"Punkt_3\").style.visibility=\'visible\';
  }
 i = i + 1;
 if(i == 4){ i = 0; }
}

</script>

</head>

<body>
<a href=\"#\" onClick=\'window.setInterval(\"Load()\", 600);\'>Link</a>

<span id=\"load\" style = \"visibility:hidden;\">Loading</span><span id=\"Punkt_1\" style = \"visibility:hidden;\">.</span><span id=\"Punkt_2\"style = \"visibility:hidden;\">.</span><span id=\"Punkt_3\" style = \"visibility:hidden;\">.</span>

</body>
</html>

MfG

Beitrag geändert: 10.1.2008 17:10:13 von denkfehler

Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

lima-city: Gratis werbefreier Webspace für deine eigene Homepage

~~d***********a~~

17:31, 10.1.2008

@ extracrew01 : blablabla ... passt doch hier nicht rein !

@ denkfehler : Sowas würd ich nicht in JS machen, sondern einfach eine Animation nehmen.

Ich würde das so kürzen:

<html>
<head>
<title>Punkte</title>

<script type=\"text/javascript\">
var i = 0;
function Load(){
 document.getElementById(\"load\").style.visibility=\'visible\';
 if(i == 4){ i = 0; }
 if (i == 0) {document.getElementById(\"Punkte\").innerHTML = \"\"; }
 if (i == 1) {document.getElementById(\"Punkte\").innerHTML = \".\"; }
 if (i == 2) {document.getElementById(\"Punkte\").innerHTML = \"..\"; }
 if (i == 3) {document.getElementById(\"Punkte\").innerHTML = \"...\"; }
 i++;
}

</script>

</head>

<body>
<a href=\"#\" onClick=\'window.setInterval(\"Load()\", 600);\'>Link</a>

<span id=\"load\" style = \"visibility:hidden;\">Loading</span><span id=\"Punkte\"></span>

</body>
</html>

bladehunter

bladehunter hat kostenlosen Webspace.

19:33, 10.1.2008

Hier ist meine Version:

<div>
 <span id=\"_0\">*</span>
 <span id=\"_1\">*</span>
 <span id=\"_2\">*</span>
</div>
<script type=\"text/javascript\">/* <![CDATA[ */
s=new Array();
s[0]=document.getElementById(\'_0\').style;
s[1]=document.getElementById(\'_1\').style;
s[2]=document.getElementById(\'_2\').style;
round=1;
function Load()
{
 s[round%3].visibility=\'visible\';
 s[(round-1)%3].visibility=\'hidden\';
 round++;
}

setInterval(Load,500);

Der Moment, wo alle Sterne ausgeblendet sind, fehlt zwar, aber dafür ist das Script richtig schön kurz geworden :biggrin:

Wobei man das auch noch relativ einfach implementieren könnte, indem man einfach ein <span> anlegt ohne Inhalt und statt %3 immer %4 nimmt.

Beitrag geändert: 10.1.2008 19:36:00 von bladehunter

Autor dieses Themas
~~d********r~~

20:00, 10.1.2008
Vielen Dank .. dass sieht doch schon mal viel besser aus :)
Jetzt muss ich nur noch ran machen alles genau zu verstehen .. ;)

Eigentlich wollte ich auch ne Animation nehmen ... allerdings kann man die ja nicht mit einem Klick starten ... und ich wollte, dass während eines Uploads da eben \"Loading\" steht, damit der jenige nicht denkt es würde nicht mehr weiter gehen...

Naja, danke schön =)
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

lima-city: Gratis werbefreier Webspace für deine eigene Homepage

Dir gefällt dieses Thema?

Über lima-city

lima-city bietet dir kostenlosen und werbefreien Speicherplatz für Deine Homepage. Sofort anmelden und direkt loslegen mit Webspace, PHP, Datenbanken, günstigen Domains und einer tollen Community!

kostenloser Webspace werbefrei: lima-city