[TYPO3-UG Dutch] Sneeuw!!

[Melvin Struiksma]

Hmmm.... JS is altijd leuk en vooral wanneer het niet werkt :).
Althans, het is voor standaard HTML zo simpel als wat. Echter in 
Typo3 wordt het lastiger. Of dit nu komt omdat mijn voorganger een
zooitje van
de template indeling heeft gemaakt en ik gewoon nu niet beter weet door
deze rotzooi.
Of omdat het een trucje is... ik weet het niet, ik weet wel dat het mij
nu niet goed lukt.

Als mensen denken, waar gaaaat het over, nou...

Ik heb een JS-Script voor sneeuw die ik op een typo3 site wil plaatsen.
Nu heb ik het wel werkend gehad, maar niet zoals het moet. Wat heb ik
gedaan.

Ik heb mijn main site (id=23) en daar heb ik een nieuw HTML-record
aangemaakt en de code in verwerkt.
DIT WERKT, maar niet goed genoeg. Omdat de script compleet is, maar in
een apart record vermeld staat 
wordt het sneeuw niet over de gehele pagina verzonden.

Wie kan mij vertellen hoe & waar ik het moet aanpassen om het werkend te
maken.

Alvast bedankt voor de medewerking.

Met vriendelijke groet,

Melvin.

-----Oorspronkelijk bericht-----
Van: typo3-ug-dutch-bounces at lists.netfielders.de
[mailto:typo3-ug-dutch-bounces at lists.netfielders.de]Namens Paula de
Jonge
Verzonden: woensdag 13 december 2006 15:26
Aan: TYPO3 Usergroup Dutch
Onderwerp: Re: [TYPO3-UG Dutch] Sneeuw!!


Misschien doe ik iets verkeerds, maar ik zie het niet verschijnen. Ik 
zet dit in de template index.htm. Netjes tussen de head en een stuk in 
de body tekst.

Wat doe ik verkeerd?

Paula

Leen Strijk schreef:
> Hallo Melvin,
>
> Heeft wel niks met typo3 te maken maar hier is wat voor je.
> Je kan ook een gifje voor de sneeuw maken.
>
> succes
> Groeten Leen
>
> In head gedeelte:
> <style>
> .drop { position: absolute; width: 3;  filter: flipV(), flipH(); 
> font-size: 40; color: #0000CC }
> </style>
> <script language="javascript">
> snow = true;    // false-rain;   true-snow
> snowsym = " * "  //These are the symbols for each
> rainsym = " ' "  //You can put images here.
> howmany = 40     //How many drops/snowflakes?
>
> /**************Do not need to change anything below***********/
> if(snow){sym = snowsym; speed=1; angle=10; drops=howmany}
> else{sym = rainsym; speed=50; drops=howmany; angle=6}
> movex = -speed/angle; movey = speed; count = 0;
>
> function moverain(){
> for(move = 0; move < drops; move++){
> xx[move]+=movex;  yy[move]+=mv[move];
> hmm = Math.round(Math.random()*1);
> if(xx[move] < 0){xx[move] = maxx+10;}
> if(yy[move] > maxy){yy[move] = 10;}
> drop[move].left = xx[move]
> drop[move].top = yy[move]+document.body.scrollTop;
> }setTimeout('moverain()','1')}
>
> </script>
> In body:
> <script language="javascript">
>
> if (document.all){
> drop = new Array(); xx = new Array(); yy = new Array(); mv = new
Array()
> ly = "document.all[\'"; st = "\'].style"
> for(make = 0; make < drops; make++){
> document.write('<div id="drop'+make+'" class=drop>'+sym+'</div>');
> drop[make] = eval(ly+'drop'+make+st);
> maxx = document.body.clientWidth-40
> maxy = document.body.clientHeight-40
> xx[make] = Math.random()*maxx;
> yy[make] = -100-Math.random()*maxy;
> drop[make].left = xx[make]
> drop[make].top = yy[make]
> mv[make] = (Math.random()*5)+speed/4;
> drop[make].fontSize = (Math.random()*10)+20;
> if(snow){col = 'white'}else{col = 'blue'}
> drop[make].color = col;
> }
> window.onload=moverain
> }
> </script>
> _______________________________________________
> TYPO3-UG-dutch mailing list
> TYPO3-UG-dutch at lists.netfielders.de
> http://lists.netfielders.de/cgi-bin/mailman/listinfo/typo3-ug-dutch
>
>
>   

_______________________________________________
TYPO3-UG-dutch mailing list
TYPO3-UG-dutch at lists.netfielders.de
http://lists.netfielders.de/cgi-bin/mailman/listinfo/typo3-ug-dutch