Fundering kring snö flingor på sin sida

WickeD · Inlägg av **WickeD** » 2005-12-12 13:35

Hej!

Jag har lagt in att det ska komma snö flingor fallandes på min sida, MEN jag får det inte som jag vill ha det, det faller över hela sidan och jag vill bara att det ska falla i overall_header

Går det att lägga in denna kod i overall_header.tpl för att få det att bara falla i den tabellen?

Snow kod:

Kod: Markera allt

<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="http://bikersite.se/templates/fiblack/snow.gif"
  // Configure below to change number of snow to render
  var no = 7;
  // 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 = "windowheight";

///////////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>
</body>

Min overall_header.tpl kod:

Kod: Markera allt

<?xml version="1.0" encoding="{S_CONTENT_ENCODING}"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="{S_CONTENT_DIRECTION}">
<SCRIPT LANGUAGE="Javascript">
var win = null;
function Gk_PopTart(mypage,myname,w,h,scroll)
{
  LeftPosition = (screen.width) ? (screen.width-w)/2 : 0;
  TopPosition = (screen.height) ? (screen.height-h)/2 : 0;
  settings = 'height='+h+',width='+w+',top='+TopPosition+',left='+LeftPosition+',scrollbars='+scroll+',resizable=no';
  win = window.open(mypage,myname,settings);
}
</SCRIPT>
<head>
<meta http-equiv="Content-Type" content="text/html; charset={S_CONTENT_ENCODING}" />
<meta http-equiv="Content-Style-Type" content="text/css" />
{META}
{NAV_LINKS}
<title>{SITENAME} :: {PAGE_TITLE}</title>
<link rel="stylesheet" href="templates/fiblack/{T_HEAD_STYLESHEET}" type="text/css" />
<script language="JavaScript" type="text/javascript" src="includes/toggle_display.js"></script>
<!-- BEGIN switch_enable_pm_popup -->
<script type="text/javascript">
<!--
	if ( {PRIVATE_MESSAGE_NEW_FLAG} )
	{
		window.open('{U_PRIVATEMSGS_POPUP}', '_phpbbprivmsg', 'HEIGHT=225,resizable=yes,WIDTH=400');;
	}
//-->
</script>
<!-- END switch_enable_pm_popup -->
<!-- BEGIN switch_new_album_img -->
<script language="Javascript" type="text/javascript">
<!--
	window.open('{switch_new_album_img.U_NEW_ALBUM_IMG_POPUP}', '_newalbumimg', 'HEIGHT=225,resizable=yes,WIDTH=400');
//-->
</script>
<!-- END switch_new_album_img -->
<script language="Javascript" type="text/javascript"> 
<!-- 
function setCheckboxes(theForm, elementName, isChecked)
{
    var chkboxes = document.forms[theForm].elements[elementName];
    var count = chkboxes.length;

    if (count) 
	{
        for (var i = 0; i < count; i++) 
		{
            chkboxes[i].checked = isChecked;
    	}
    } 
	else 
	{
    	chkboxes.checked = isChecked;
    } 

    return true;
} 
//--> 
</script>
<!-- Start add - Birthday MOD -->
{GREETING_POPUP}
<!-- End add - Birthday MOD -->
<script type="text/javascript">
<!--
window.status = "{PRIVATE_MESSAGE_INFO}";
// -->
</script>
<!-- Start add - Protect user account MOD -->
{PASSWD_POPUP}
<!-- End add - Protect user account MOD -->
<!-- BEGIN switch_absence -->
<script language="Javascript" type="text/javascript">
<!--
	window.open('{U_ABSENCE_POPUP}', '_phpbbprivmsg', 'HEIGHT=225,resizable=yes,WIDTH=400');;
//-->
</script>
<!-- END switch_absence -->
<!-- Start add - Complete banner MOD -->
<!-- Banners -->
<script language="JavaScript" type="text/javascript">
<!--
function hideLoadingPage() {
	if (document.getElementById) {  // DOM3 = IE5, NS6
		document.getElementById('hidepage').style.visibility = 'hidden';
	}
	else {
		if (document.layers) {  // Netscape 4
			document.hidepage.visibility = 'hidden';
		}
		else {  // IE 4
			document.all.hidepage.style.visibility = 'hidden';
		}
	}
}
//  End -->
</script>
</head>
<script language="Javascript" type="text/javascript"> 
<!-- 
/* XS Drop Down Menus */ 
var MenuVisible = false; 
var showMenu = false; 
var showSubMenu = false; 
var navRoot = false; 
var navTimer = false; 
function startList() 
{ 
   if (document.all&&document.getElementById) 
   { 
      navRoot = document.getElementById("subnav"); 
      navRoot.onmouseover=function() 
      { 
         navRoot.className="forum-button over"; 
         MenuVisible = true; 
         showMenu = true; 
         MenuTimerStop(); 
      } 
      navRoot.onmouseout=function() 
      { 
         showMenu = false; 
         MenuTimerStart(); 
      } 
      for (i=0; i<navRoot.childNodes.length; i++) 
      { 
         node = navRoot.childNodes[i]; 
         if (node.nodeName=="LI") 
         { 
            node.onmouseover=function() 
            { 
               showSubMenu = true; 
               MenuTimerStop(); 
            } 
            node.onmouseout=function() 
            { 
               showSubMenu = false; 
               MenuTimerStart(); 
            } 
         } 
      } 
   } 
} 

function HideNav() 
{ 
   navRoot.className="forum-button"; 
   MenuVisible = false; 
} 

function CheckNav() 
{ 
   if(MenuVisible && !showMenu && !showSubMenu) 
   { 
      HideNav(); 
   } 
   MenuTimerStop(); 
} 

function MenuTimerStop() 
{ 
   if(navTimer != false) 
   { 
      clearTimeout(navTimer); 
      navTimer = false; 
   } 
} 

function MenuTimerStart() 
{ 
   if(navTimer == false) 
   { 
      navTimer = setTimeout('CheckNav()', 200); 
   } 
} 
//--> 
</script>
<body bgcolor="{T_BODY_BGCOLOR}" text="{T_BODY_TEXT}" link="{T_BODY_LINK}" vlink="{T_BODY_VLINK}" onload="hideLoadingPage()" />

<div id="hidepage" style="position: absolute; left:0px; top:0px; background-color: {T_BODY_BGCOLOR}; layer-background-color: {T_BODY_BGCOLOR}; height: 100%; width: 100%;">
<table width="100%" height="100%">
  <tr>
	<td align="center" valign="middle">
		<table width="50%" align="center" style="border: 1 {T_BODY_LINK} solid">
		  <tr>
			<td align="center" class="row1"><span class="genmed"><br /><b>{L_PAGE_LOADING_WAIT}</b><br /><br /><img src="images/loading.gif"><br /><br />{L_PAGE_LOADING_STOP}<br />&nbsp;</span></td>
		  </tr>
		</table>
	</td>
  </tr>
</table>
</div>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="20%">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr><td><div align="center">{BANNER_1_IMG}</div></td></tr>
<tr><td><div align="center">{BANNER_2_IMG}</div></td></tr>
</table>
</td>
<td width="60%">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr><td><div align="center">{BANNER_3_IMG}</div></td></tr>
<tr><td><div align="center">{BANNER_4_IMG}</div></td></tr>
</table>
</td>
<td width="20%">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr><td><div align="center">{BANNER_5_IMG}</div></td></tr>
<tr><td><div align="center">{BANNER_6_IMG}</div></td></tr>
</table>
</td>
</tr>
</table>
<!-- End Banners -->
<!-- End add - Complete banner MOD -->
<a name="top" id="top"></a>
<table class="bodyline" width="100%" cellspacing="0" cellpadding="0" border="0">
<tr>
<td>
<table class="topbkg" width="100%" cellspacing="0" cellpadding="0" border="0">
<tr> 
<td><a href="{U_PORTAL}"><img src="templates/fiblack/images/phpbb2_logo.jpg" border="0" alt="{L_HOME}" title="{L_HOME}" width="729" height="110" /></a></td>
<table width="100%" border="0" cellspacing="0" cellpadding="2">
<tr> 
<td align="center" class="topnav">
<table width="156" height="19" border="1" bordercolor="#02479B" cellspacing="0" cellpadding="0" align="left">
<!-- [Begin] XS Drop Down Menus -->
<tr>
	<td colspan="0" class="forum-buttons" valign="middle"> 
<table border="0" bordercolor="#02479B" cellspacing="0" cellpadding="0" align="left">
		<tr>
			<td background="templates/fiblack/images/cellpic_nav.gif">
			<ul>

				<li class="forum-buttons" id="subnav"><a href="javascript:void(0);"><img src="templates/fiblack/images/tom.gif"><b>Snabb Navigering</b><img src="templates/fiblack/images/tom.gif"></a><ul>
					<li class="subnav subnav-first"><div></div></li>
					<li class="subnav subnav-section"><div>Diskussioner m.m</div></li>
					<li class="subnav"><div> <img src="templates/fiblack/images/arrow.gif"><a href="http://www.bikersite.se/chat.php"> Chat</a></div></li>
					<li class="subnav"><div> <img src="templates/fiblack/images/arrow.gif"><a href="http://www.bikersite.se/index.php"> Forum</a></div></li>
					<li class="subnav"><div> <img src="templates/fiblack/images/arrow.gif"><a href="http://www.bikersite.se/memberlist.php"> Medlemslista</a></div></li>
					<li class="subnav"><div> <img src="templates/fiblack/images/arrow.gif"><a href="http://www.bikersite.se/calendar.php"> Aktivitets Kalender</a></div></li>
					<li class="subnav"><div> <img src="templates/fiblack/images/arrow.gif"><a href="http://www.bikersite.se/tellfriend.php"> Tipsa en vän om oss</a></div></li>
					<li class="subnav subnav-section"><div>Funktioner</div></li>
					<li class="subnav"><div> <img src="templates/fiblack/images/arrow.gif"><a href="http://www.bikersite.se/activity.php"> Spel</a></div></li>
					<li class="subnav"><div> <img src="templates/fiblack/images/arrow.gif"><a href="http://www.bikersite.se/links.php"> Länkar</a></div></li>
					<li class="subnav"><div> <img src="templates/fiblack/images/arrow.gif"><a href="http://www.bikersite.se/album.php"> Foto Album</a></div></li>
					<li class="subnav"><div> <img src="templates/fiblack/images/arrow.gif"><a href="http://www.bikersite.se/dload.php" target="_self"> Ladda hem filer</a></div></li>
					<li class="subnav"><div> <img src="templates/fiblack/images/arrow.gif"><a href="http://www.bikersite.se/Stadsvadret/index.php" target="_blank"> Vädret i din stad</a></div></li>
					<li class="subnav"><div> <img src="templates/fiblack/images/arrow.gif"><a href="http://www.tigerbeat.se" target="_webradio"> TigerBeat-Webradio</a></div></li>
					<li class="subnav subnav-section"><div>Information</div></li>
					<li class="subnav"><div> <img src="templates/fiblack/images/arrow.gif"><a href="{U_FAQ}"> FAQ</a></div></li>
					<li class="subnav"><div> <img src="templates/fiblack/images/arrow.gif"><a href="{U_RANKS}"> Ranker</a></div></li>
					<li class="subnav"><div> <img src="templates/fiblack/images/arrow.gif"><a href="{U_CONTACT}"> Kontakta oss</a></div></li>
					<li class="subnav"><div> <img src="templates/fiblack/images/arrow.gif"><a href="{U_STAFF}"> Bikersite Crew</a></div></li>
					<li class="subnav subnav-last"><div> <img src="templates/fiblack/images/arrow.gif"><a href="{U_GROUP_CP}"> Medlemsgrupper</a></div></li>


				</ul></li>	 
			</ul>
			</td>
		</tr>
	</table>
	</td>
</tr>
<!-- [End] XS Drop Down Menus -->
</table>
<a href="http://www.bikersite.se/portal.php" onmouseover="window.status='Tillbaks till startsidan';return true;" title="Tillbaks till startsidan"onmouseout="window.status='';return true;">Startsida</a>
<img src="templates/fiblack/images/pic.gif">
<a href="{U_SEARCH}" onmouseover="window.status='Söka efter ämnen/info inom Bikersite';return true;" title="Sök efter ämnen/info inom Bikersite"onmouseout="window.status='';return true;">{L_SEARCH}</a>
<!-- BEGIN switch_user_logged_in -->
<img src="templates/fiblack/images/pic.gif">
<a href="{U_BOOKMARKS}" onmouseover="window.status='Dina valda bokmärken';return true;" title="Dina valda bokmärken"onmouseout="window.status='';return true;">{L_BOOKMARKS}</a>
<img src="templates/fiblack/images/pic.gif">
<a href="{U_SEARCH_NEW}" onmouseover="window.status='Senaste skivna inläggen i forumet';return true;" title="Senaste skivna inläggen i forumet"onmouseout="window.status='';return true;">{L_SEARCH_NEW2}</a>
<!-- BEGIN switch_user_logged_out -->
<img src="templates/fiblack/images/pic.gif">
<a href="{U_REGISTER}" onmouseover="window.status='Registrera dig som medlem';return true;" title="Registrera dig som medlem"onmouseout="window.status='';return true;">{L_REGISTER}</a>
<!-- END switch_user_logged_out -->
<img src="templates/fiblack/images/pic.gif">
<a href="{U_PROFILE}" onmouseover="window.status='Ändra på din profil';return true;" title="Ändra på din profil"onmouseout="window.status='';return true;">{L_PROFILE}</a>
<img src="templates/fiblack/images/pic.gif">
<a href="{U_PRIVATEMSGS}" onmouseover="window.status='Skriv och läs privata meddelanden';return true;" title="Skriv och läs privata meddelanden"onmouseout="window.status='';return true;">{PRIVATE_MESSAGE_INFO}</a>
<img src="templates/fiblack/images/pic.gif">
<a href="{U_LOGIN_LOGOUT}" onmouseover="window.status='Logga in och ut';return true;" title="Logga in och ut"onmouseout="window.status='';return true;">{L_LOGIN_LOGOUT}</a>
</td>
</tr>
</table>




{CALENDAR_BOX}
<table width="100%" border="0" cellspacing="0" cellpadding="10">
<tr>
<td>
<SCRIPT LANGUAGE="JavaScript">
function DateEstablished(startmonth, startdate, startyear) {
sdate=startdate;
smonth=startmonth-1;
syear=startyear;
var DaysInMonth = new Array(31,28,31,30,31,30,31,31,30,31,30,31);
today = new Date()
var thisyear = today.getFullYear();
var thismonth = today.getMonth();
var thisdate = today.getDate();
mstart = new Date(syear,(smonth==12?1:smonth+1),1);
days1 = (mstart - new Date(syear,smonth,sdate))/(24*60*60*1000)-1;
mend = new Date(thisyear,thismonth,1);
days2 = (new Date(thisyear,thismonth,thisdate) - mend)/(24*60*60*1000)+1;
dayst = days1 + days2;
if (dayst >= DaysInMonth[smonth])  {
AddOneMonth = 1; 
dayst -= DaysInMonth[smonth]; 
}
else AddOneMonth = 0;
ydiff1 = thisyear-mstart.getFullYear();
mdiff1 = thismonth-mstart.getMonth()+AddOneMonth;
if (mdiff1 >11) { mdiff1=0; ydiff1++; }
if (mdiff1 < 0) { mdiff1 = mdiff1 + 12; ydiff1--; }
temp = (ydiff1==0?"":(ydiff1==1?ydiff1+" <b>år och</b> ":ydiff1 + " <b>år</b>, "));
temp += (mdiff1==0?"<b>0 månader</b>, <b>och</b> ":(mdiff1==1?mdiff1+" <b>månad</b>, <b>och</b> ":mdiff1+" <b>månader</b>, <b>och</b> "));
temp += (dayst==0?"<b>inga dagar sedan</b>":(dayst==1 ? " <b>1 dag sedan</b>" : dayst + " <b>dagar sedan!</b>" ));
return temp;
}
</script>
<center><SCRIPT LANGUAGE="JavaScript">
document.write("<font face=Microsoft arial>");
document.write("<font size=2>");
document.write("<font color=#4682B4>");
document.write("<b>Bikersite.se grundades för</b> ");
document.write("<font color=#4682B4>");
document.write(DateEstablished(4,24,2005));
document.write("</font>");
document.write("</font>");
document.write("</font>");
document.write("</font>");
document.write("</font>");
</script>		
<br />
<br />
<a href="http://www.bikersite.se/Webshop/index.htm" target="_blank"><img src="http://www.bikersite.se/images/webshop.jpg" border="0" alt="Till Bikersite webshop!"></a>

Någon som vet hur jag får till detta?

Jag har provat att lägga in den koden på olika ställen i overall_header.tpl men får det inte att bara falla snö i bara overall_header.

Inlägg av **Holger** » 2005-12-12 13:41

Det går nog inte eftersom overall_header.tpl är EN DEL av hela sidan som sätts ihop med en mellandel (xyz_body.tpl) och overall_footer.tpl

Men kan du inte ställa in det med

Kod: Markera allt

var i, doc_width = 800, doc_height = 600;

WickeD · Inlägg av **WickeD** » 2005-12-12 13:44

Jag tittade just på det, ska prova få se vad som händer.

Men jag tror att på något sett så anpassar sig flingorna efter hur stor sidan är.

Men jag ska prova.

WickeD · Inlägg av **WickeD** » 2005-12-12 13:59

Det blev ingen skillnad av att andra på det.

Så det får vara flingor över hela sidan då, det är ju alla fall jul snart

Inlägg av **Holger** » 2005-12-12 14:11

Vad används detta till då?

Kod: Markera allt

var i, doc_width = 800, doc_height = 600;

WickeD · Inlägg av **WickeD** » 2005-12-12 14:14

Jag märkte ingen skillnad av att ändra där, skumt!

Vet inte vad den gör.

Inlägg av **Kail** » 2005-12-12 19:38

Använd window.innerWidth och window.innerHeight istället:
http://www.mozilla.org/docs/dom/domref/ ... ref28.html

WickeD · Inlägg av **WickeD** » 2005-12-12 20:56

Vad bra!

MEN! Vad ändrar jag då för något i koden jag postade ovan för att få det som jag vill?

Det du pratar om vet jag inget om, så om du har tid får du gärna hjälpa mig Kail.

Gyrulf · Inlägg av **Gyrulf** » 2005-12-13 16:22

Detta stycke kod är det som styr utrymmer som scriptet arbetar i på skärmen:

Kod: Markera allt

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; 
  }

OK, ett försök till hjälp om man får lägga sig i

var i, doc_width = 800, doc_height = 600;

Här deklareras variablerna för bredd och höjd och initieras till 800 pix respektive 600 pix, men dessa värden används aldrig.

if (ns6up) {
doc_width = self.innerWidth;
doc_height = self.innerHeight;
} else if (ie4up) {
doc_width = iecompattest().clientWidth;
doc_height = iecompattest().clientHeight;
}

"self.innerWidth" (eller ".clientWidth", för mozilla) hämtar värdet på ditt browser fönsters bredd och sätter variabeln doc_width till detta (t ex 1024). "self.innerHeight" gör det samma med höjden på browser fönstret, utan knapprad och dylikt. Därför blir det snö på hela sidan.

Vad du kan göra är att:

Ta reda på hur många pixlar hög just din overall_header.tpl är, läs höjd måtten i tabeller och bilder och addera.
Skriv detta värde efter "doc_height ="
eller... prova med att dela "self.innerWidth" med 4 eller något annat så att snön faller så långt som du vill.

Du kan ju alltid prova dig fram i alternativ ett också.

Vid närmare eftertanke skulle jag aldrig funderat på alternativ 2

Hoppas detta kan vara till hjälp.

WickeD · Inlägg av **WickeD** » 2005-12-14 13:01

Jag förstår inte riktigt Gyrulf

Det ser ut så här nu i min kod:

Kod: Markera allt

  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 = 1024 self.innerWidth;
    doc_height = 150 self.innerHeight;
  } else if (ie4up) {
    doc_width = 1024 iecompattest().clientWidth;
    doc_height = 150 iecompattest().clientHeight;
  }

Men denna ändring så slutade snö flingorna att falla helt.
Va det så du menade?
Om inte, kan du visa mig då?

Gyrulf · Inlägg av **Gyrulf** » 2005-12-14 17:58

Jag menade att du helt skulle ta bort "self.innerHeight" kommandot, det är detta som hämtar värdet från skärmen.

Så vida du inte har bestämt bredden på ditt forum kan det vara bra att inte ändra på "self.innerWidth" kommandot eftersom du inte vet vilken upplösning som besökaren har på sin skärm, jag kör 1152x864 och då skulle det se konstigt ut om det snöade på halva skärmen.

Jag föreslår att du provar med detta:

Kod: Markera allt

if (ns6up) { 
    doc_width = self.innerWidth; 
    doc_height = 150; 
  } else if (ie4up) { 
    doc_width = iecompattest().clientWidth; 
    doc_height = 150; 
  }

För att prova med olika höjd på snöfallet ändra på "150".

Jag tror att detta bör fungera.

WickeD · Inlägg av **WickeD** » 2005-12-14 19:44

Tack för att du hjälper mig, men det du föreslog fungerade inte, det blev ingen skillnad vad jag kunde se.

Har du någon annan ide?

Gyrulf · Inlägg av **Gyrulf** » 2005-12-14 22:59

OKEJ - Nu har jag faktiskt löst det

(den som skapat koden använder "self.innerHeight" så många gånger så man blir tokig)

Lete reda på följande del i JavaScript koden:

Kod: Markera allt

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); 
  }

I rad 8

Kod: Markera allt

if (yp[i] > doc_height-50) {

bestäms hur långt ifrån sidans botten flingorna skall försvinna. Ändra -50 till typ -400 så skall du se att något händer. sen får du prova dig fram till det ser bra ut på din sida.

All kod skall i övrigt vara som orginal koden, glöm allt annat vi har pratat om.

Det fanns en snygg snöfling på Dynamic Drive's hemsida Bild

det är dom som gjort scriptet.

Gyrulf · Inlägg av **Gyrulf** » 2005-12-14 23:19

Jag tittade på din biker sida och konstaterade följande:

Du bör tänka på att din sida är ganska lång och sidorna som skapas kan vara olika långa beroende på hur livlig diskussionen är. Detta gör att du kommer att få snön att falla olika långt på alla sidor efterson overall_header är en del av alla sidor.
Om du ändra

var snowdistance = "pageheight";

till "windowheight". Kommer snön att falla till slutet på skärmen i stället för sidan. Det börjar än då snöa från toppen på sidan så snön håller sig där du vill ha den, gjorde i alla fall så på min test sida.

Denna ändring gör du i början av koden presis ovanför "Stop Config"

Kod: Markera allt

<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="snow.gif"
  // Configure below to change number of snow to render
  var no = 12;
  // 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//////////////////////////////////

Nu ska väl allt vara tip top

WickeD · Inlägg av **WickeD** » 2005-12-15 08:29

Det fungerade jätte bra, MEN! om jag ändrade upplösning på min skärm så ändrades även vart snö flingorna slutar att falla, pga windowheight och om jag ställer in pageheight så blir det ju olika pga att jag har olika höga sidor.

Synd!

Har du någon fler ide?

Det såg mycket bra ut när dom slutade falla vid navigeringen i overall_header.

EDIT: Går det inte att ändra så att man kan ställa in hur långt från överkant det ska sluta falla? tänkte om det går att ändra något i koden så att det går att ställa in det.

Fundering kring snö flingor på sin sida

Fundering kring snö flingor på sin sida

Vilka är online

Om phpBB Sverige