Navigacija
Lista poslednjih: 16, 32, 64, 128 poruka.

Snow java script

[es] :: Javascript i AJAX :: Snow java script

[ Pregleda: 1487 | Odgovora: 3 ] > FB > Twit

Postavi temu Odgovori

Autor

Pretraga teme: Traži
Markiranje Štampanje RSS

huso58
Marko Novic
sajo

Član broj: 162512
Poruke: 15
85.10.55.*



Profil

icon Snow java script30.12.2007. u 23:43 - pre 198 meseci
Imam jedan mali problem. Hocu staviti snow effect na blog ali ne uspijevam. Dali mi netko moze reci u cemu je problem i gdje da stavim tocno u scriptu?

Evo scripte:
Code:

<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="http://img148.imageshack.us/img148/3775/snowvk4.gif"
  // Configure below to change number of snow to render
  var no = 10;
  // 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[i] = 0;                        // set coordinate variables
    xp[i] = Math.random()*(doc_width-50);  // set position variables
    yp[i] = Math.random()*doc_height;
    am[i] = Math.random()*20;         // set amplitude variables
    stx[i] = 0.02 + Math.random()/10; // set step variables
    sty[i] = 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[i] += sty[i];
      if (yp[i] > doc_height-50) {
        xp[i] = Math.random()*(doc_width-am[i]-30);
        yp[i] = 0;
        stx[i] = 0.02 + Math.random()/10;
        sty[i] = 0.7 + Math.random();
      }
      dx[i] += stx[i];
      document.getElementById("dot"+i).style.top=yp[i]+"px";
      document.getElementById("dot"+i).style.left=xp[i] + am[i]*Math.sin(dx[i])+"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>



edit: (Aleksandar Ružičić): ubuduće koristi code tagove kad postuješ kod

[Ovu poruku je menjao Aleksandar Ružičić dana 31.12.2007. u 17:21 GMT+1]
sas
 
Odgovor na temu

huso58
Marko Novic
sajo

Član broj: 162512
Poruke: 15
85.10.55.*



Profil

icon Re: Snow java script30.12.2007. u 23:47 - pre 198 meseci
Evo vam i kod od bloga:pa mi tocno recite di da stavim kod
Code:

<html>
<head>
<title><$ImeBloga$></title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1250">
</head>
<style>
    body { font-family: Verdana, Arial, Times new roman; text-align: justify; font-size: 11px; color: #000000; background-image:  url(http://img178.imageshack.us/img178/5231/80558851jm3.jpg); background-repeat: repeat-y; }
    a { color: #color; };

<STYLE type="text/css">
h1    {font-family: helvetica,arial,verdana,"trebuchet ms",sans-serif;color: #FFFFFF;solid;}
A {font-weight:bold;text-decoration:none;color: #F66BA4;}
A:hover {color: #F66BA4;text-decoration:overline}
.date{font-family: helvetica,arial,verdana,"trebuchetms",sans-serif;color: black;font-size:20px;font-weight:bold;margin:10px;}
.sredina{font-family: helvetica,arial,verdana,"trebuchet ms",sans-serif;color: #FFFF00;font-size:11px;padding:10px 20px 30px 20px;background:#FFFFFF;border-left:1px solid #000000;border-right:1px solid #FFFFFF;width:100%;}
.post{font-family: helvetica,arial,verdana,"trebuchet ms",sans-serif;color: #FFFFFF;font-size: 13px;line-height:18px;margin-top:10px;}
h2{font-family: helvetica,arial,verdana,"trebuchet ms",sans-serif;color: #F66BA4;font-size:18px;margin:10px 0px -5px 0px;}
.box {font-family: Verdana;color: #ffffff;font-size:10px;margin:0px; border:0px solid #FFFFFF;padding:5px;background:#FFFFFF;line-height:18px;align-text:center;}
.logo{margin: 10px 10px 0px 10px; border:0px solid black;}
.slika{margin:0px 10px 5px 0px; border:0px solid black;width:200px;height:150px;}

.komentari {font-family:arial; font-size:11px; color:white; padding-bottom:3px;}

.kalendar-box{font-family: helvetica,arial,verdana,"trebuchet ms",sans-serif;color: #ffffff;font-size:11px;margin:0px;padding:0px;background:#FFFFFF;border-top:0px solid #ffffff;border-bottom:0px solid #ffffff;border-left:0px solid #ffffff;border-right:0px solid #ffffff;position:relative;}
.kalendar {width:100%; height:150px; font-size:10px;}
.kalendar-aktivni-dani {background:#F66BA4; text-align:center; font-weight:bold;}
.kalendar-aktivni-dani-linkovi {color:#000000;font-size:11;font-weight:bold; text-decoration:overline;}
.kalendar-aktivni-dani-linkovi:hover {color:#000000; text-decoration:underline overline;}
.kalendar-neaktivni-dani {background:#F66BA4; color:#000000; text-align:center;}
.kalendar-prazni-dani {background:#F66BA4;}
.kalendar-nazivi-dana {background:#F66BA4;color:#000000; text-align:center;}
.kalendar-mjesec-godina {background:#F66BA4;color:#000000; text-align:center;}
.kalendar-strelica-natrag {background:#F66BA4; text-align:center;}
.kalendar-strelica-natrag a:link {color:#000000;}
.kalendar-strelica-natrag a:visited{color:#000000;}
.kalendar-strelica-natrag a:active{color:#000000;}
.kalendar-strelica-natrag a:hover{color:#000000;}
.kalendar-strelica-naprijed {background:#F66BA4; text-align:center;}
.kalendar-strelica-naprijed a:link {color:#000000;}
.kalendar-strelica-naprijed a:visited{color:#000000;}
.kalendar-strelica-naprijed a:active{color:#000000;}
.kalendar-strelica-naprijed a:hover{color:#000000;}

.quoted{margin: 0;padding: 0px 10px 0px 10px;margin: 15px 0px 15px 0px;border-left: 6px solid #cccccc;border-right: 6px solid #cccccc;color: #ffffff;}
.style1 {color: #3399ff}


-->
</STYLE>
    </style>
</head>
<body bgcolor="#000000" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" style="background-image:url(http://img178.imageshack.us/img178/5231/80558851jm3.jpg)
">
<!-- ImageReady Slices (timeless5.png) -->
<TABLE WIDTH=800 BORDER=0 CELLPADDING=0 CELLSPACING=0>
    <TR>
        <TD>             </TD>
    </TR>

</TABLE>
<!-- End ImageReady Slices -->

<div style="position: absolute; left: 20px; top: 560px; width: 245px; height:401px"><!-- Logo -->
<Logo>
<p><A HREF="<$LinkBloga$>"></A></p>
</Logo>  <font color="#FFFFFF">
<!-- Logo kraj -->

<!-- Kalendar -->
<$Kalendar$>
<!-- Kalendar kraj-->

<!-- Link za prikaz komentara -->
<br>
  </font> <font color="#3399ff">
<!-- Link za prikaz komentara kraj--><

  </font>
<A HREF="<$PrikazKomentara$>"><font color="#3399ff">Komentari On/Off</font></A><font color="#3399ff">
<!-- Link za prikaz komentara kraj-->

<!-- Molimo da ne micete ovu varijablu jer
ce se koristi za eventualne obavijesti. Hvala! -->

<!-- Kraj -->
 </font>
<!-- Prvi box -->
  </font>
<Box1>
<h3 class="style1"><$NaslovBoxa$></h3>
<p><font color="#FFFFFF" size="2"><$TekstBoxa$></font></p>
</Box1>
  <font color="#FFFFFF">
<!-- Prvi box kraj -->

<!-- Drugi box -->
  </font>
<Box2>
<h3 class="style1"><$NaslovBoxa$></h3>
<p><font color="#FFFFFF" size="2"><$TekstBoxa$></font></p>
</Box2>
  <font color="#FFFFFF">
<!-- Drugi box kraj -->

<!-- Treci box -->
  </font>
<Box3>
</Box3>
  <div style="position: absolute; width: 215px; height: 282px; z-index: 1; left: 733px; top: -6px" id="layer1">
 <Box3>
 <h3 class="style1"><$NaslovBoxa$></h3>
<p><font color="#FFFFFF" size="2"><$TekstBoxa$></font></p>
</Box3>
  <font color="#FFFFFF">
<!-- Treci box kraj -->

<!-- Cetvrti box -->
  </font>
<Box4>
<h3 class="style1"><$NaslovBoxa$></h3>
<p><font color="#FFFFFF" size="2"><$TekstBoxa$></font></p>
</Box4>  </div>
<!-- Cetvrti box kraj --></div>
<div style="position: absolute; left: 296px; top: 612px; width: 406px"><Blog>
    
<!-- Datum posta -->
<Datum>
<h4><font color="#FFFFFF"><$DatumPosta$></font></h4>
</Datum>
  <font color="#FFFFFF">
<!-- Datum posta kraj-->    

  </font><Naslov><h3 align="center" class="style1"><$NaslovPosta$></h3></Naslov>
            
  <font color="#FFFFFF">
            
<!-- Slika uz post -->
<Slika>
  <font size="3">

<!-- Slika uz post kraj -->
            
  </font>
            
  </font>
            
<p class="p1"><font color="#FFFFFF" size="3"><span><$TekstPosta$></span></font></p>    

<div class="ispodposta">

<font color="#FFFFFF">

<!-- Sadrzaji ispod posta -->
    
<!-- Sadrzaji ispod posta -->
    
</font>
    
<center><font color="#3399ff">|</font><a TARGET="_blank" href="<$KomentariPosta$>"><font color="#3399ff">komentiraj</font></a><font color="#3399ff"> <$BrojKomentara$>|
</font>
<A HREF="<$LinkZaPrint$>" TARGET="_blank"><font color="#3399ff">printaj</font></A><font color="#3399ff">|
</font>
<a href="<$LinkPosta$>" title="Permalink"><font color="#3399ff">#</font></a><font color="#3399ff">|</font></font><p> </p>
</p> </center>
<font color="#3399ff">
<!-- Kraj -->

    <p><b> <!-- Komentari ispod posta -->  
</b>  
<Komentari>
            <li class="komentari"> <b><font color="#ffffff" face="Arial">(<$AutorKomentara$>)--> <$TekstKomentara$>(Dan: <$DatumKomentara$>u          <$VrijemeKomentara$>h!)</i></font></b><BR> 
</Komentari>
<!-- Kraj -->  
</p>
</p> </center>
<!-- Kraj -->

<!-- Komentari ispod posta -->  



</font>  

</div>    
            
</Blog></div>    

    
<img src="http://img165.imageshack.us/img165/4776/40132492qk6.jpg" width="1000" height="660">
</body>

</html>


[Ovu poruku je menjao Aleksandar Ružičić dana 31.12.2007. u 17:22 GMT+1]
sas
 
Odgovor na temu

Aleksandar Ružičić
Software Architect, Appricot d.o.o.
Beograd

Član broj: 26939
Poruke: 2881

Jabber: krckoorascic@gmail.com
Sajt: krcko.net


+44 Profil

icon Re: Snow java script31.12.2007. u 16:25 - pre 198 meseci
tu skriptu ubaci u <head> deo, znaci posle </style> a pre </head> u tvom sulcaju
 
Odgovor na temu

[es] :: Javascript i AJAX :: Snow java script

[ Pregleda: 1487 | Odgovora: 3 ] > FB > Twit

Postavi temu Odgovori

Navigacija
Lista poslednjih: 16, 32, 64, 128 poruka.