rejkan83
02-12-2006, 21:57
Witam
Jako że zbliżają się święta i okres zimowy zachciało mi się mieć padający śnieg na stronie więc znalazłem odpowiedni skrypt ale po wklejeniu go w templaka nie działa. Jak pierwszą część skryptu wklei się wklei w index w katalogu głównym to skrypt działa ale wyskakują błędy. Czy ktoś wie jak zrobić by ten skrypt działał w joomli. Poniżej przedstawiam skrypt. :(
<HTML>
<HEAD>
<SCRIPT LANGUAGE= "JavaScript" type= "text/javascript">
<!-- Skrypt pochodzi z książki "505 skryptów dla webmastera" -->
<!-- autor: Marcin Lis http://marcinlis.com -->
<!-- Ukrycie przed przeglądarkami nie obsługującymi JavaScriptów
var speedTableY = new Array();
var posX = new Array();
var smooth = new Array();
var amplitude = new Array();
var tabB = new Array();
var speed = 50;
var speedLevelsY = 5;
var layersCount = 10;
function ustaw()
{
clWidth = document.body.clientWidth - 50;
for (i = 0; i < layersCount; i++){
posX[i] = Math.ceil(Math.random() * clWidth);
speedTableY[i] = Math.ceil(Math.random() * speedLevelsY);
amplitude[i] = Math.ceil(Math.random() * 40 + 20);
smooth[i] = Math.ceil(Math.random() * 48) + 10;
tabB[i] = Math.random() * 4;
}
}
var b = 0;
function start()
{
clWidth = document.body.clientWidth - 50;
clHeight = document.body.clientHeight;
for (i = 0; i < layersCount; i++){
y = parseInt(document.getElementById('el' + i).style.top);
y += speedTableY[i];
tabB[i] += Math.PI / smooth[i];
x = parseInt(Math.sin(tabB[i]) * amplitude[i]) + posX[i];
if (x >= clWidth){
x = clWidth;
}
document.getElementById('el' + i).style.left = x;
if (y >= clHeight - 45){
y = -50;
posX[i] = Math.ceil(Math.random() * clWidth);
speedTableY[i] = Math.ceil(Math.random() * speedLevelsY);
amplitude[i] = Math.ceil(Math.random() * 100 + 20);
smooth[i] = Math.ceil(Math.random() * 48) + 48;
}
document.getElementById('el' + i).style.top = y;
}
setTimeout('start()', speed);
}
-->
</SCRIPT>
</HEAD>
<BODY onLoad='ustaw();start();'>
<SCRIPT LANGUAGE= "JavaScript" type= "text/javascript">
<!--
for (i = 0; i < layersCount; i++){
str = '<DIV ID="el' + i + '" ';
str += 'style = "visibility: visible; ';
str += 'width=50px; ';
str += 'heigth=45px; ';
str += 'position: absolute; ';
str += 'top: 1; ';
str += 'left: 1;">';
str += '<IMG SRC="snow2.gif">';
str += '</DIV>';
document.write(str);
}
</SCRIPT>
</BODY>
</HTML>
Jako że zbliżają się święta i okres zimowy zachciało mi się mieć padający śnieg na stronie więc znalazłem odpowiedni skrypt ale po wklejeniu go w templaka nie działa. Jak pierwszą część skryptu wklei się wklei w index w katalogu głównym to skrypt działa ale wyskakują błędy. Czy ktoś wie jak zrobić by ten skrypt działał w joomli. Poniżej przedstawiam skrypt. :(
<HTML>
<HEAD>
<SCRIPT LANGUAGE= "JavaScript" type= "text/javascript">
<!-- Skrypt pochodzi z książki "505 skryptów dla webmastera" -->
<!-- autor: Marcin Lis http://marcinlis.com -->
<!-- Ukrycie przed przeglądarkami nie obsługującymi JavaScriptów
var speedTableY = new Array();
var posX = new Array();
var smooth = new Array();
var amplitude = new Array();
var tabB = new Array();
var speed = 50;
var speedLevelsY = 5;
var layersCount = 10;
function ustaw()
{
clWidth = document.body.clientWidth - 50;
for (i = 0; i < layersCount; i++){
posX[i] = Math.ceil(Math.random() * clWidth);
speedTableY[i] = Math.ceil(Math.random() * speedLevelsY);
amplitude[i] = Math.ceil(Math.random() * 40 + 20);
smooth[i] = Math.ceil(Math.random() * 48) + 10;
tabB[i] = Math.random() * 4;
}
}
var b = 0;
function start()
{
clWidth = document.body.clientWidth - 50;
clHeight = document.body.clientHeight;
for (i = 0; i < layersCount; i++){
y = parseInt(document.getElementById('el' + i).style.top);
y += speedTableY[i];
tabB[i] += Math.PI / smooth[i];
x = parseInt(Math.sin(tabB[i]) * amplitude[i]) + posX[i];
if (x >= clWidth){
x = clWidth;
}
document.getElementById('el' + i).style.left = x;
if (y >= clHeight - 45){
y = -50;
posX[i] = Math.ceil(Math.random() * clWidth);
speedTableY[i] = Math.ceil(Math.random() * speedLevelsY);
amplitude[i] = Math.ceil(Math.random() * 100 + 20);
smooth[i] = Math.ceil(Math.random() * 48) + 48;
}
document.getElementById('el' + i).style.top = y;
}
setTimeout('start()', speed);
}
-->
</SCRIPT>
</HEAD>
<BODY onLoad='ustaw();start();'>
<SCRIPT LANGUAGE= "JavaScript" type= "text/javascript">
<!--
for (i = 0; i < layersCount; i++){
str = '<DIV ID="el' + i + '" ';
str += 'style = "visibility: visible; ';
str += 'width=50px; ';
str += 'heigth=45px; ';
str += 'position: absolute; ';
str += 'top: 1; ';
str += 'left: 1;">';
str += '<IMG SRC="snow2.gif">';
str += '</DIV>';
document.write(str);
}
</SCRIPT>
</BODY>
</HTML>