zurück zur Startseite
  


Zurück XHTMLforum > Webentwicklung (außer XHTML und CSS) > Javascript & Ajax
Seite neu laden Snowscript von dynamic drive nur ohne doctype

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 06.12.2013, 09:20
Erfahrener Benutzer
XHTMLforum-Mitglied
Thread-Ersteller
 
Registriert seit: 11.03.2011
Beiträge: 329
irmen befindet sich auf einem aufstrebenden Ast
Standard Snowscript von dynamic drive nur ohne doctype

Hallo, ich habe mir das (unten stehende) Script von dynamic drive geholt.
Bei mir funktionierte es nicht - bis ich den doc type gelöscht habe. Kann mir jemand erklären, warum das so ist und ob ich irgendwas an dem script ändern kann, daß es doch auch auf Seiten geht in denen der doctype deklariert ist. Denn ich dachte, der soll unbedingt angegeben werden.

Vielen Dank!
(Ich wende mich nicht direkt an dynamic drive, weil mein Englisch nicht so toll ist und ich dann immer nur die hälfte verstehe, außerdem ist dieses Forum hier ganz hervorragend, finde ich!!)

hier das script:
Code:
<script language="JavaScript1.2">

//Autumn leaves- by Kurt Grigg (kurt.grigg@virgin.net)
//Modified by Dynamic Drive for NS6 functionality
//visit http://www.dynamicdrive.com for this script

//Pre-load your image below!
grphcs=new Array(6)
Image0=new Image();
Image0.src=grphcs[0]="al.gif";
Image1=new Image();
Image1.src=grphcs[1]="bl.gif"
Image2=new Image();
Image2.src=grphcs[2]="cl.gif"
Image3=new Image();
Image3.src=grphcs[3]="dl.gif"
Image4=new Image();
Image4.src=grphcs[4]="el.gif"
Image5=new Image();
Image5.src=grphcs[5]="fl.gif" 

Amount=8; //Smoothness depends on image file size, the smaller the size the more you can use!
Ypos=new Array();
Xpos=new Array();
Speed=new Array();
Step=new Array();
Cstep=new Array();
ns=(document.layers)?1:0;
ns6=(document.getElementById&&!document.all)?1:0;

if (ns){
for (i = 0; i < Amount; i++){
var P=Math.floor(Math.random()*grphcs.length);
rndPic=grphcs[P];
document.write("<LAYER NAME='sn"+i+"' LEFT=0 TOP=0><img src="+rndPic+"></LAYER>");
}
}
else{
document.write('<div style="position:absolute;top:0px;left:0px"><div style="position:relative">');
for (i = 0; i < Amount; i++){
var P=Math.floor(Math.random()*grphcs.length);
rndPic=grphcs[P];
document.write('<img id="si'+i+'" src="'+rndPic+'" style="position:absolute;top:0px;left:0px">');
}
document.write('</div></div>');
}
WinHeight=(ns||ns6)?window.innerHeight:window.document.body.clientHeight;
WinWidth=(ns||ns6)?window.innerWidth-70:window.document.body.clientWidth;
for (i=0; i < Amount; i++){                                                                
 Ypos[i] = Math.round(Math.random()*WinHeight);
 Xpos[i] = Math.round(Math.random()*WinWidth);
 Speed[i]= Math.random()*5+3;
 Cstep[i]=0;
 Step[i]=Math.random()*0.1+0.05;
}
function fall(){
var WinHeight=(ns||ns6)?window.innerHeight:window.document.body.clientHeight;
var WinWidth=(ns||ns6)?window.innerWidth-70:window.document.body.clientWidth;
var hscrll=(ns||ns6)?window.pageYOffset:document.body.scrollTop;
var wscrll=(ns||ns6)?window.pageXOffset:document.body.scrollLeft;
for (i=0; i < Amount; i++){
sy = Speed[i]*Math.sin(90*Math.PI/180);
sx = Speed[i]*Math.cos(Cstep[i]);
Ypos[i]+=sy;
Xpos[i]+=sx; 
if (Ypos[i] > WinHeight){
Ypos[i]=-60;
Xpos[i]=Math.round(Math.random()*WinWidth);
Speed[i]=Math.random()*5+3;
}
if (ns){
document.layers['sn'+i].left=Xpos[i];
document.layers['sn'+i].top=Ypos[i]+hscrll;
}
else if (ns6){
document.getElementById("si"+i).style.left=Math.min(WinWidth,Xpos[i]);
document.getElementById("si"+i).style.top=Ypos[i]+hscrll;
}
else{
eval("document.all.si"+i).style.left=Xpos[i];
eval("document.all.si"+i).style.top=Ypos[i]+hscrll;
} 
Cstep[i]+=Step[i];
}
setTimeout('fall()',20);
}

window.onload=fall
//-->
</script>
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 06.12.2013, 12:50
Benutzerbild von Manfred62
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 18.09.2009
Ort: Ludwigsburg
Beiträge: 2.134
Manfred62 ist einfach richtig nettManfred62 ist einfach richtig nettManfred62 ist einfach richtig nettManfred62 ist einfach richtig nettManfred62 ist einfach richtig nett
Standard

Vermutlich ist das Ding uralt.
Zitat:
..this script works in both IE5+ and NS6+, it may run awkwardly in the later.
Warum nimmst du nichts modernes?
JavaScript Snow: DHTML Snowstorm.
10 Top jQuery Snow Falling effect Plugin & Tutorial with Example
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 06.12.2013, 13:03
Benutzerbild von protonenbeschleuniger
Verbesserer
XHTMLforum-Kenner
 
Registriert seit: 06.09.2007
Beiträge: 4.977
protonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblick
Standard

Zitat:
Zitat von irmen Beitrag anzeigen
Hallo, ich habe mir das (unten stehende) Script von dynamic drive geholt.
Bei mir funktionierte es nicht - bis ich den doc type gelöscht habe. Kann mir jemand erklären, warum das so ist und ob ich irgendwas an dem script ändern kann, daß es doch auch auf Seiten geht in denen der doctype deklariert ist. Denn ich dachte, der soll unbedingt angegeben werden.
Ja, da dachtest du richtig. Ohne Doctype stellt der Browser die Seite im Quirksmode dar. Du kannst dir mal im Firefox in der Webkonsole die CSS Warnungen anschauen, wenn du das machst. Vermutlich fehlen die Einheiten bei CSS Angaben.
Aber ich habe mir das skript nach diesen Zeilen nicht mehr weiter angeschaut:
Zitat:
Zitat von irmen Beitrag anzeigen
Code:
<script language="JavaScript1.2">
Das Skript ist ca. 15 Jahre alt.
Mit Zitat antworten
  #4 (permalink)  
Alt 06.12.2013, 18:29
Erfahrener Benutzer
XHTMLforum-Mitglied
Thread-Ersteller
 
Registriert seit: 11.03.2011
Beiträge: 329
irmen befindet sich auf einem aufstrebenden Ast
Standard

Vielen Dank für eure Antworten!
Ich habe mir inzwischen schon ein neueres Besorgt.
Ich fand das (alte) von der Bewegung her recht schön.

Aha die css Warnungen anschauen - ich habe in der Abteilung script gesucht und nichts gefunden, was meiner Meinung nach nach Fehler ausgesehen hätte ...

Hm, das habe ich auf meiner Suche schon öfter Gelesen, daß die px-Angabe in den Scripten fehlt.

Vielen Dank für eure Kommentare und vielen Dank für die Links!!!!
Mit Zitat antworten
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
doctype zerschiesst Layout Tony-Flow Barrierefreiheit 7 11.06.2009 14:48
Lücken im Layout (z.T. erst nach Angabe von Doctype) Leeloo (X)HTML 12 21.07.2006 13:51
DOCTYPE -> horizontal & vertikal zentriert mikeIV (X)HTML 8 30.10.2005 22:21
DOCTYPE Formatierung von select Feld jens.g CSS 3 30.06.2004 14:14


Alle Zeitangaben in WEZ +2. Es ist jetzt 13:14 Uhr.