Computerhilfen.de Logo
Forum
Tipps
News
Frage stellen

Ich bräuchte hilfe bei einem Script

Hallo

ich hebe ein Java Script mit fallendem schnee ich möchte aber gerne das Luftballons von unten nach oben fliegen.
Ich weiß aber nicht wie ich das anstellen soll.

Hier mal das script:

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

/******************************************
* Snow Effect Script- By Altan d.o.o. (http://www.altan.hr/snow/index.html)
* Visit Dynamic Drive DHTML code library (http://www.dynamicdrive.com/) for full source code
* Last updated Nov 9th, 05' by DD. This notice must stay intact for use
******************************************/
 
  //Configure below to change URL path to the snow image
  var snowsrc="Bilder/snow.gif"
  // Configure below to change number of snow to render
  var no = 15;
  // Configure whether snow should disappear after x seconds (0=never):
  var hidesnowtime = 0;
  // Configure how much snow should drop down before fading ("windowheight" or "pageheight")
  var snowdistance = "pageheight";

///////////Stop Config//////////////////////////////////

  var ie4up = (document.all) ? 1 : 0;
  var ns6up = (document.getElementById&&!document.all) ? 1 : 0;

   function iecompattest(){
   return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
   }

  var dx, xp, yp;    // coordinate and position variables
  var am, stx, sty;  // amplitude and step variables
  var i, doc_width = 800, doc_height = 600;
 
  if (ns6up) {
    doc_width = self.innerWidth;
    doc_height = self.innerHeight;
  } else if (ie4up) {
    doc_width = iecompattest().clientWidth;
    doc_height = iecompattest().clientHeight;
  }

  dx = new Array();
  xp = new Array();
  yp = new Array();
  am = new Array();
  stx = new Array();
  sty = new Array();
  snowsrc=(snowsrc.indexOf("dynamicdrive.com")!=-1)? "snow.gif" : snowsrc
  for (i = 0; i < no; ++ i) { 
    dx = 0;                        // set coordinate variables
    xp = Math.random()*(doc_width-50);  // set position variables
    yp = Math.random()*doc_height;
    am = Math.random()*20;         // set amplitude variables
    stx = 0.02 + Math.random()/10; // set step variables
    sty = 0.7 + Math.random();     // set step variables
      if (ie4up||ns6up) {
      if (i == 0) {
        document.write("<div id=\"dot"+ i +"\" style=\"POSITION: absolute; Z-INDEX: "+ i +"; VISIBILITY: visible; TOP: 15px; LEFT: 15px;\"><a href=\"http://dynamicdrive.com\"><img src='"+snowsrc+"' border=\"0\"><\/a><\/div>");
      } else {
        document.write("<div id=\"dot"+ i +"\" style=\"POSITION: absolute; Z-INDEX: "+ i +"; VISIBILITY: visible; TOP: 15px; LEFT: 15px;\"><img src='"+snowsrc+"' border=\"0\"><\/div>");
      }
    }
  }

  function snowIE_NS6() {  // IE and NS6 main animation function
    doc_width = ns6up?window.innerWidth-10 : iecompattest().clientWidth-10;
      doc_height=(window.innerHeight && snowdistance=="windowheight")? window.innerHeight : (ie4up && snowdistance=="windowheight")?  iecompattest().clientHeight : (ie4up && !window.opera && snowdistance=="pageheight")? iecompattest().scrollHeight : iecompattest().offsetHeight;
    for (i = 0; i < no; ++ i) {  // iterate for every dot
      yp += sty;
      if (yp > doc_height-50) {
        xp = Math.random()*(doc_width-am-30);
        yp = 0;
        stx = 0.02 + Math.random()/10;
        sty = 0.7 + Math.random();
      }
      dx += stx;
      document.getElementById("dot"+i).style.top=yp+"px";
      document.getElementById("dot"+i).style.left=xp + am*Math.sin(dx)+"px"; 
    }
    snowtimer=setTimeout("snowIE_NS6()", 10);
  }

   function hidesnow(){
      if (window.snowtimer) clearTimeout(snowtimer)
      for (i=0; i<no; i++) document.getElementById("dot"+i).style.visibility="hidden"
   }
      

if (ie4up||ns6up){
    snowIE_NS6();
      if (hidesnowtime>0)
      setTimeout("hidesnow()", hidesnowtime*1000)
      }

</script>

</BODY>
------------------------------------------
Ich hoffe mir kann jemand helfen.
Ach ja wenn möglich würde ich gerne verschieden farbige Ballons fliegen lassen ich habe acht verschiedene farbige ballons.

Über schnelle Hilfe wäre ich sehr dankbar.

LG
Markus


Antworten zu Ich bräuchte hilfe bei einem Script:

Hat dir diese Antwort geholfen?

Danke ButtonHilfreiche Antwort Button

Das Script läuft nicht habe ich schon probiert da wird nur ein Luftballon angezeigt links sonst passiert nichts.

mir ist gerade aufgefallen das das script unter html läuft meine seiten sind php könnte das der Grund sein warum es nicht läuft???

Hat dir diese Antwort geholfen?

Danke ButtonHilfreiche Antwort Button

HTML brauchst Du, um überhaupt Seiten betrachten zu können.^^ PHP ist nur eine Möglichkeit dynamische Seiten zu erstellen. So mal grob drüber geschrieben. ;)

Hat dir diese Antwort geholfen?

Danke ButtonHilfreiche Antwort Button

 

Zitat
könnte das der Grund sein warum es nicht läuft
Nein. Das Script ist JavaScript und damit unabhängig von HTML und/oder PHP. Es muss eben an der richtigen Stelle im Quelltext eingebettet sein. Die Anweisugen dazu findest Du im Quelltext des gezeigtenb Scripts. Außerdem musst Du natürlich im Script evtl. Pfadangaben den Prämissen Deines Webspace/Deiner Datei- und Ordnerstruktur sowie die Dateinamen der Grafiken anpassen. Wenn es sich bei Deinen Seiten um ein CMS handelt, musst Du zudem die richtige Datei der Template-Dateien finden, in der das Script "übergreifend" implementiert sein muss.

Also das ist die Seite wo das Script laufen soll:
www.ballonrudy.de
Das script soll nur hinten dran laufen.
PWT vieleicht könntest Du dir mal den Quelltext anschauen
und mir sagen oder beschreiben wo ich das script einfügen muß.

Wäre echt Super

Danke schon mal im voraus.

Bereits auf der von PWT verlinkten Seite müßtest du die Funktionalität der aufwärts steigenden farbigen Ballons sehen.
und auf dieser Seite die durch die Luft geisternden Fledermäuse:
http://rainbow.arch.scriptmania.com/scripts/flying_bats_halloween.html

Auf der Seite www.ballonrudy.de hast du aber gar keinen Script eingefügt.
Wenn du das auf deinem Desktop eingefügt hast, dann mußt du diese Seite auch auf den Server laden!

ja ich bin am probieren wenn ich das script rein mache habe ich nur einen Ballon oben links im Eck.

script ist drin aber keine fliegenden Ballons

Zum Test auf meinem Desktop habe ich den Inhalt deiner Datei im Quelltest so ergänzt:

Zitat
</tbody></table>
</div>


<!--Copy and paste into your HTML just above the close </BODY> tag. -->

<script language="JavaScript1.2">
<!-- Begin
/*
Float Up Drifter - JavaScript
Visit www.rainbow.arch.scriptmania.com/scripts/index.html
  for this script and many more
*/
    // Configure below - change number of images to render
var no = 8;
    // Configure speed below
var speed = 20;   // The smaller the number, the faster the movement

var floatr = new Array();
   //  Your image location
floatr[0] = "balloon0.gif"
floatr[1] = "balloon1.gif"
floatr[2] = "balloon2.gif"
floatr[3] = "balloon3.gif"
floatr[4] = "balloon4.gif"
floatr[5] = "balloon5.gif"
floatr[6] = "balloon6.gif"
floatr[7] = "balloon7.gif"


var ns4up = (document.layers) ? 1 : 0;  // browser sniffer
var ie4up = (document.all) ? 1 : 0;
var ns6up = (document.getElementById&&!document.all) ? 1 : 0;
var dx, xp, yp;    // coordinate and position variables
var am, stx, sty;  // amplitude and step variables
var i, doc_width = 800, doc_height = 1800;

if (ns4up||ns6up) {
        doc_width = self.innerWidth;
        doc_height = self.innerHeight;
} else if (ie4up) {
        doc_width = document.body.clientWidth;
        doc_height = document.body.clientHeight;
}

dx = new Array();
xp = new Array();
yp = new Array();
am = new Array();
stx = new Array();
sty = new Array();
j = 0;

for (i = 0; i < no; ++ i) {
        dx = 0;                        // set coordinate variables
        xp = Math.random()*(doc_width-50);  // set position variables
        yp = Math.random()*doc_height;
        am = Math.random()*20;         // set amplitude variables
        stx = 0.02 + Math.random()/10; // set step variables
        sty = 0.7 + Math.random();     // set step variables
        if (ns4up) {                      // set layers
                if (i == 0) {
                        document.write("<layer name=\"dot"+ i +"\" left=\"15\" top=\"15\" visibility=\"show\"><img src=\""+ floatr[j] + "\" border=\"0\"></layer>");
                } else {
                        document.write("<layer name=\"dot"+ i +"\" left=\"15\" top=\"15\" visibility=\"show\"><img src=\""+ floatr[j] + "\" border=\"0\"></layer>");
                }        } else if (ie4up||ns6up) {                if (i == 0)
{
                        document.write("<div id=\"dot"+ i +"\" style=\"POSITION: absolute; Z-INDEX: "+ i +"VISIBILITY: visible; TOP: 15px; LEFT: 15px; width:1;\"><img src=\"" + floatr[j] + "\" border=\"0\"></div>");
                } else {
                        document.write("<div id=\"dot"+ i +"\" style=\"POSITION: absolute; Z-INDEX: "+ i +"VISIBILITY: visible; TOP: 15px; LEFT: 15px; width:1;\"><img src=\"" + floatr[j] + "\" border=\"0\"></div>");
                }
        }
        if (j == (floatr.length-1)) { j = 0; } else { j += 1; }
}

function floatrNS() {  // Netscape main animation function
        for (i = 0; i < no; ++ i) {  // iterate for every dot
                yp -= sty;                if (yp < -50) {
                        xp = Math.random()*(doc_width-am-30);
                        yp = doc_height;
                        stx = 0.02 + Math.random()/10;
                        sty = 0.7 + Math.random();
                        doc_width = self.innerWidth;
                        doc_height = self.innerHeight;                }
                dx += stx;
                document.layers["dot"+i].top = yp+pageYOffset;
                document.layers["dot"+i].left = xp +
am*Math.sin(dx);
        }
        setTimeout("floatrNS()", speed);
}

function floatrIE_NS6() {  // IE main animation function
        for (i = 0; i < no; ++ i) {  // iterate for every dot
                yp -= sty;
                if (yp < -50) {
                        xp = Math.random()*(doc_width-am-30);
                        yp = doc_height;
                        stx = 0.02 + Math.random()/10;
                        sty = 0.7 + Math.random();
                        doc_width = ns6up?window.innerWidth-5:document.body.clientWidth;
                        doc_height = ns6up?window.innerHeight-5:document.body.clientHeight;
                }
                dx += stx;
                if (ie4up){
                document.all["dot"+i].style.pixelTop = yp+document.body.scrollTop;
                document.all["dot"+i].style.pixelLeft = xp + am*Math.sin(dx);
                }
                else if (ns6up){
                document.getElementById("dot"+i).style.top=yp+pageYOffset;
                document.getElementById("dot"+i).style.left=xp + am*Math.sin(dx);
                }
        }
        setTimeout("floatrIE_NS6()", speed);
}

if (ns4up) {
        floatrNS();
} else if (ie4up||ns6up) {
        floatrIE_NS6();
}
// End -->
</script>
<p><font face="arial" size="-2">Free JavaScript from </font><br><font face="arial, helvetica" size="-2"><a href="http://rainbow.arch.scriptmania.com/scripts/">Rainbow Arch</a></font></p>


</body></html>
und die Balllonbilder in das gleiche Verzeichnis kopiert (oder du mußt im Script vollständige URLs zu den Ballonbildern einfügen) - bei mir funzt das Prinzip - alle bunten Ballons fliegen nach oben übner den Seiteninhalt.

irgendwo ist der wurm drin jetzt steht nur ganz unten Free JavaScript from Rainbow Arch

Baloons fliegen nicht pfad zu den Bildern habe ich geändert.
 [???]

Hat dir diese Antwort geholfen?

Danke ButtonHilfreiche Antwort Button

Also bei mir funzt es auch. Aber! Nur im IE! Ich habe sonst den Firefox laufen, da geht es nicht!

Ausserdem solltest Du Deinen Cellcode dringend überarbeiten! Einen Endtag für body und html findet man nämlich auf Deiner Hauptseite nicht!

So habe ich es getestet:

Zitat
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
.
 u.s.w. ....
.
.
<link rel="stylesheet" href="include.php?fx=style&amp;id=11" type="text/css" />
<!--Copy and paste into your HTML just above the close </BODY> tag. -->
<script language="JavaScript1.2">

<!-- Begin

    // Configure below - change number of images to render
var no = 8;
    // Configure speed below
var speed = 50;   // The smaller the number, the faster the movement

var floatr = new Array();
   //  Your image location
floatr[0] = "test.gif"
floatr[1] = "test.gif"
floatr[2] = "test.gif"
floatr[3] = "test.gif"
floatr[4] = "test.gif"
floatr[5] = "test.gif"
floatr[6] = "test.gif"
floatr[7] = "test.gif"


var ns4up = (document.layers) ? 1 : 0;  // browser sniffer
var ie4up = (document.all) ? 1 : 0;
var ns6up = (document.getElementById&&!document.all) ? 1 : 0;
var dx, xp, yp;    // coordinate and position variables
var am, stx, sty;  // amplitude and step variables
var i, doc_width = 800, doc_height = 1800;

if (ns4up||ns6up) {
        doc_width = self.innerWidth;
        doc_height = self.innerHeight;
} else if (ie4up) {
        doc_width = document.body.clientWidth;
        doc_height = document.body.clientHeight;
}

dx = new Array();
xp = new Array();
yp = new Array();
am = new Array();
stx = new Array();
sty = new Array();
j = 0;

for (i = 0; i < no; ++ i) {
        dx = 0;                        // set coordinate variables
        xp = Math.random()*(doc_width-50);  // set position variables
        yp = Math.random()*doc_height;
        am = Math.random()*20;         // set amplitude variables
        stx = 0.02 + Math.random()/10; // set step variables
        sty = 0.7 + Math.random();     // set step variables
        if (ns4up) {                      // set layers
                if (i == 0) {
                        document.write("<layer name=\"dot"+ i +"\" left=\"15\" top=\"15\" visibility=\"show\"><img src=\""+ floatr[j] + "\" border=\"0\"></layer>");
                } else {
                        document.write("<layer name=\"dot"+ i +"\" left=\"15\" top=\"15\" visibility=\"show\"><img src=\""+ floatr[j] + "\" border=\"0\"></layer>");
                }        } else if (ie4up||ns6up) {                if (i == 0)
{
                        document.write("<div id=\"dot"+ i +"\" style=\"POSITION: absolute; Z-INDEX: "+ i +"VISIBILITY: visible; TOP: 15px; LEFT: 15px; width:1;\"><img src=\"" + floatr[j] + "\" border=\"0\"></div>");
                } else {
                        document.write("<div id=\"dot"+ i +"\" style=\"POSITION: absolute; Z-INDEX: "+ i +"VISIBILITY: visible; TOP: 15px; LEFT: 15px; width:1;\"><img src=\"" + floatr[j] + "\" border=\"0\"><div id="pkC" style="position:static;padding-bottom:30px;padding-top:20px;display:block;text-align:center;"><p><br /><a href="http://www.phpkit.com" target="_blank" style="font-family:verdana;font-size:11px;text-decoration:none;line-height:1.5;">Diese Website wurde mit PHPKIT WCMS erstellt<br />PHPKIT ist eine eingetragene Marke der mxbyte GbR &#169; 2002-2009</a></p><p>&#160;</p></div></div>");
                }
        }
        if (j == (floatr.length-1)) { j = 0; } else { j += 1; }
}

function floatrNS() {  // Netscape main animation function
        for (i = 0; i < no; ++ i) {  // iterate for every dot
                yp -= sty;                if (yp < -50) {
                        xp = Math.random()*(doc_width-am-30);
                        yp = doc_height;
                        stx = 0.02 + Math.random()/10;
                        sty = 0.7 + Math.random();
                        doc_width = self.innerWidth;
                        doc_height = self.innerHeight;                }
                dx += stx;
                document.layers["dot"+i].top = yp+pageYOffset;
                document.layers["dot"+i].left = xp +
am*Math.sin(dx);
        }
        setTimeout("floatrNS()", speed);
}

function floatrIE_NS6() {  // IE main animation function
        for (i = 0; i < no; ++ i) {  // iterate for every dot
                yp -= sty;
                if (yp < -50) {
                        xp = Math.random()*(doc_width-am-30);
                        yp = doc_height;
                        stx = 0.02 + Math.random()/10;
                        sty = 0.7 + Math.random();
                        doc_width = ns6up?window.innerWidth-5:document.body.clientWidth;
                        doc_height = ns6up?window.innerHeight-5:document.body.clientHeight;
                }
                dx += stx;
                if (ie4up){
                document.all["dot"+i].style.pixelTop = yp+document.body.scrollTop;
                document.all["dot"+i].style.pixelLeft = xp + am*Math.sin(dx);
                }
                else if (ns6up){
                document.getElementById("dot"+i).style.top=yp+pageYOffset;
                document.getElementById("dot"+i).style.left=xp + am*Math.sin(dx);
                }
        }
        setTimeout("floatrIE_NS6()", speed);
}

if (ns4up) {
        floatrNS();
} else if (ie4up||ns6up) {
        floatrIE_NS6();
}
// End -->
</script>

</head>


<body>

<div id="pkbody">
.
 u.s.w. ....
.
.


   </tr>
</table>
<!--Copy and paste into your HTML just above the close </BODY> tag. -->

<script language="JavaScript1.2">
<!-- Begin
/*
Float Up Drifter - JavaScript
Visit www.rainbow.arch.scriptmania.com/scripts/index.html
  for this script and many more
*/
    // Configure below - change number of images to render
var no = 8;
    // Configure speed below
var speed = 20;   // The smaller the number, the faster the movement

var floatr = new Array();
   //  Your image location
floatr[0] = "test.gif"
floatr[1] = "test.gif"
floatr[2] = "test.gif"
floatr[3] = "test.gif"
floatr[4] = "test.gif"
floatr[5] = "test.gif"
floatr[6] = "test.gif"
floatr[7] = "test.gif"


var ns4up = (document.layers) ? 1 : 0;  // browser sniffer
var ie4up = (document.all) ? 1 : 0;
var ns6up = (document.getElementById&&!document.all) ? 1 : 0;
var dx, xp, yp;    // coordinate and position variables
var am, stx, sty;  // amplitude and step variables
var i, doc_width = 800, doc_height = 1800;

if (ns4up||ns6up) {
        doc_width = self.innerWidth;
        doc_height = self.innerHeight;
} else if (ie4up) {
        doc_width = document.body.clientWidth;
        doc_height = document.body.clientHeight;
}

dx = new Array();
xp = new Array();
yp = new Array();
am = new Array();
stx = new Array();
sty = new Array();
j = 0;

for (i = 0; i < no; ++ i) {
        dx = 0;                        // set coordinate variables
        xp = Math.random()*(doc_width-50);  // set position variables
        yp = Math.random()*doc_height;
        am = Math.random()*20;         // set amplitude variables
        stx = 0.02 + Math.random()/10; // set step variables
        sty = 0.7 + Math.random();     // set step variables
        if (ns4up) {                      // set layers
                if (i == 0) {
                        document.write("<layer name=\"dot"+ i +"\" left=\"15\" top=\"15\" visibility=\"show\"><img src=\""+ floatr[j] + "\" border=\"0\"></layer>");
                } else {
                        document.write("<layer name=\"dot"+ i +"\" left=\"15\" top=\"15\" visibility=\"show\"><img src=\""+ floatr[j] + "\" border=\"0\"></layer>");
                }        } else if (ie4up||ns6up) {                if (i == 0)
{
                        document.write("<div id=\"dot"+ i +"\" style=\"POSITION: absolute; Z-INDEX: "+ i +"VISIBILITY: visible; TOP: 15px; LEFT: 15px; width:1;\"><img src=\"" + floatr[j] + "\" border=\"0\"></div>");
                } else {
                        document.write("<div id=\"dot"+ i +"\" style=\"POSITION: absolute; Z-INDEX: "+ i +"VISIBILITY: visible; TOP: 15px; LEFT: 15px; width:1;\"><img src=\"" + floatr[j] + "\" border=\"0\"></div>");
                }
        }
        if (j == (floatr.length-1)) { j = 0; } else { j += 1; }
}

function floatrNS() {  // Netscape main animation function
        for (i = 0; i < no; ++ i) {  // iterate for every dot
                yp -= sty;                if (yp < -50) {
                        xp = Math.random()*(doc_width-am-30);
                        yp = doc_height;
                        stx = 0.02 + Math.random()/10;
                        sty = 0.7 + Math.random();
                        doc_width = self.innerWidth;
                        doc_height = self.innerHeight;                }
                dx += stx;
                document.layers["dot"+i].top = yp+pageYOffset;
                document.layers["dot"+i].left = xp +
am*Math.sin(dx);
        }
        setTimeout("floatrNS()", speed);
}

function floatrIE_NS6() {  // IE main animation function
        for (i = 0; i < no; ++ i) {  // iterate for every dot
                yp -= sty;
                if (yp < -50) {
                        xp = Math.random()*(doc_width-am-30);
                        yp = doc_height;
                        stx = 0.02 + Math.random()/10;
                        sty = 0.7 + Math.random();
                        doc_width = ns6up?window.innerWidth-5:document.body.clientWidth;
                        doc_height = ns6up?window.innerHeight-5:document.body.clientHeight;
                }
                dx += stx;
                if (ie4up){
                document.all["dot"+i].style.pixelTop = yp+document.body.scrollTop;
                document.all["dot"+i].style.pixelLeft = xp + am*Math.sin(dx);
                }
                else if (ns6up){
                document.getElementById("dot"+i).style.top=yp+pageYOffset;
                document.getElementById("dot"+i).style.left=xp + am*Math.sin(dx);
                }
        }
        setTimeout("floatrIE_NS6()", speed);
}

if (ns4up) {
        floatrNS();
} else if (ie4up||ns6up) {
        floatrIE_NS6();
}
// End -->
</script>
</body>
</html>

Das Ballonbild von Dir ist bei mir im selben Verzeichnis wie die Seit, die aufgerufen wird. Besser wäre auf dem Webspace ein Verzeichnis für Bilder o.ä. mit Namen images. Dort alles an Bilder rein. Pfade sollten dann im Qellcode entsprechend angepasst werden. bspw: anstatt floatr[0] = "test.gif" -> floatr[0] = "images/test.gif"

Die anderen Bilder auf Deiner Webseite stehen im Verzeichnis Bilder. Ist so zwar gut, aber gewöhn Dir an, alle Verzeichnisse und Dateien klein zuschreiben!

Nachtrag: Den Quellcode habe ich kürzen müssen. Fullquote! bei u.s.w. Deinen bisherigen CODE ergänzen.^^

Gruß
« Letzte Änderung: 30.04.13, 20:03:41 von saffi »

Echt super von euch aber irgendwie bekomme ich es nicht zu laufen.
keine Ahnung was ich falsch mache :-\


« Webseite erstellenHomepageprobleme »
 

Schnelle Hilfe: Hier nach ähnlichen Fragen und passenden Tipps suchen!

Fremdwörter? Erklärungen im Lexikon!
Java
Java ist eine von der Firma SUN entwickelte Programmiersprache. Da Java unabhängig vom Betriebssystem läuft, kann ein einmal geschriebenes Programm auf allen Ja...

Javascript
Javascript ist eine von Netscape entwickelte Skriptsprache für den Einsatz für DOM-Scripting auf Webseiten. Nahezu alle Browser- und Webseiten-Elemente lassen s...

AppleScript
AppleScript ist eine Programmiersprache von Apple für Skripte und Programme auf Systemebene. Im Gegensatz zu den Unix-Shellscripts, die seit OS X ebenfalls mögl...