Schneeflocken

TinaW5

Gibt es einen Hack, der auf der Startseite Schneeflocken runterrieseln läßt? (Für wbb 2.3.2)
Möglichst einer, der mit allen gängigen Browsern funktioniert und nicht soviel CPU-Auslastung hat....

Lorini

Es wäre nur ein Zusatz aus java script:

code:

1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
20:
21:
22:
23:
24:
25:
26:
27:
28:
29:
30:
31:
32:
33:
34:
35:
36:
37:
38:
39:
40:
41:
42:
43:
44:
45:
46:
47:
48:
49:
50:
51:
52:
53:
54:
55:
56:
57:
58:
59:
60:
61:
62:
63:
64:
65:
66:
67:
68:
69:
70:
71:
72:
73:
74:
75:
76:
77:
78:
79:
80:
81:
82:
83:
84:
85:
86:
87:
88:

<script language="JavaScript1.2">
<!--

var snowsrc="snow.gif"
var no = 10;
var ns4up = (document.layers) ? 1 : 0;
var ie4up = (document.all) ? 1 : 0;
var dx, xp, yp;
var am, stx, sty;
var i, doc_width = 1024, doc_height = 768;
if (ns4up) {
    doc_width = self.innerWidth;
    doc_height = self.innerHeight;
  } else if (ie4up) {
    doc_width = screen.width;
    doc_height = screen.height;
  }

  dx = new Array();
  xp = new Array();
  yp = new Array();
  am = new Array();
  stx = new Array();
  sty = new Array();

  for (i = 0; i < no; ++ i) {
    dx[i] = 0;
    xp[i] = Math.random()*(doc_width-50);
    yp[i] = Math.random()*doc_height;
    am[i] = Math.random()*20;
    stx[i] = 0.02 + Math.random()/10;
    sty[i] = 0.7 + Math.random();
    if (ns4up) {
      if (i == 0) {
        document.write("<layer name=\"dot"+ i +"\" left=\"15\" top=\"15\" visibility=\"show\"><a href=\"http://www.javarea.de/\"><img src='"+snowsrc+"' border=\"0\"></a></layer>");
      } else {
        document.write("<layer name=\"dot"+ i +"\" left=\"15\" top=\"15\" visibility=\"show\"><img src='"+snowsrc+"' border=\"0\"></layer>");
      }
    } else if (ie4up) {
      if (i == 0) {
        document.write("<div id=\"dot"+ i +"\" style=\"POSITION: absolute; Z-INDEX: "+ i +"; VISIBILITY: visible; TOP: 15px; LEFT: 15px;\"><a href=\"http://java.topcool.de\"><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 snowNS() {
    for (i = 0; i < no; ++ i) {
      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();
        doc_width = self.innerWidth;
        doc_height = self.innerHeight;
      }
      dx[i] += stx[i];
      document.layers["dot"+i].top = yp[i];
      document.layers["dot"+i].left = xp[i] + am[i]*Math.sin(dx[i]);
    }
    setTimeout("snowNS()", 10);
  }
  function snowIE() {
    for (i = 0; i < no; ++ i) {
      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();
        doc_width = document.body.clientWidth;
        doc_height = document.body.clientHeight;
      }
      dx[i] += stx[i];
      document.all["dot"+i].style.pixelTop = yp[i];
      document.all["dot"+i].style.pixelLeft = xp[i] + am[i]*Math.sin(dx[i]);
    }
    setTimeout("snowIE()", 10);
  }

  if (ns4up) {
    snowNS();
  } else if (ie4up) {
    snowIE();
  }
// -->
</script>

Ein Schneeflockenbild suchen und speichern und hochladen, es snow.gif nennen und gut ist Augenzwinkern

Gruss Lorini

TinaW5

1. Wo füge ich das Script ein?
2. Und das geht dann mit allen gängigen Browsern? Habe bei älteren Topics gelesen, dass das nur mit IE gehen soll und außerdem unheimlich viel CPU-Auslastung hat. Sowas möchte ich dann nämlich nicht so gerne.... Augenzwinkern

DINO

help

hab jetzt die zeilen ins index.php am ende eingefügt, snow.gif ist wbb-verzeichnis

aber nix tut sich Versagt

==edit==

TinaW5 hat leider recht, mit dem IE geht es - jedoch net mit Firefox und Co traurig

==edit 2==

vielleicht kann ich helfen, denn JETZT geht es auch mit firefox

die index.php editieren, am ende dies einfügen

code:
1:	<SCRIPT SRC="snow.js" TYPE="text/javascript"></SCRIPT>

das Script von Lorini hab ich in der index.php belassen (vielleicht auch ein Grund, daß es geht

)

speichern und ab auf deine space zurück

die snow.gif und snow.js [die snow.txt musst halt umbennen in *.js) ins board verzeichnis (zB wbb2)

dann müsste es gehen

DINO

DeftKnot

ich habe es eingebaut und es funktioniert.

nur nicht in der jgs_portal.php

wieso nicht?

DINO

Zitat:

Original von DeftKnot
ich habe es eingebaut und es funktioniert.

nur nicht in der jgs_portal.php

wieso nicht?

dann müsstest die selben schritte in der jgs_portal.php machen Irre

DeftKnot

ja habe ich doch gemacht.

ich habe das ganz unten eingebaut aber importal kommt nichts Zunge raus

php:

1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
20:
21:
22:

// Endausgabe alle Boxen
if(($boxen_links_on!="")&&($boxen_mitte_on!="")&&($boxen_rechts_on!="")){
    $unter = "";
}else{
    $unter = "_".$boxen_links_on.$boxen_mitte_on.$boxen_rechts_on;
}

if(($sponsor_portalboxen_links=="")&&($sponsor_portalboxen_mitte=="")&&($sponsor_portalboxen_rechts=="")){
    $unter = "";
}

// Sprache im Titel der Seite JGS_PORTAL_TEST
$seiteninfos_seite['seiten_navi_titel']    = getlangvar($seiten_gruppen_rechte['seiten_navi_titel'], $lang);
$seiteninfos_seite['seiten_name']        = getlangvar($seiten_gruppen_rechte['seiten_name'], $lang);

// Update Counter
$db->query("UPDATE bb".$n."_sponsoren_seiten SET seiten_count = seiten_count+1 WHERE seiten_id = '".addslashes($id)."'");

eval("\$tpl->output(\"".$tpl->get("sponsor_portal$unter")."\");");
exit();
?>
<SCRIPT SRC="snow.js" TYPE="text/javascript"></SCRIPT>

Manuel

hi...

erstma danke für die "kleine" erweiterung....

aber hab jetz nen problem mit dem IE... der zeigt jetz ne reihe von sternchen untereinander... ganz unten am forum....

hab alles so gemacht wie beschrieben...

woran kann das liegen?

bitte um hilfe!!!! unglücklich

DeftKnot

genau das selbe hatten einige user auch bei mir.

auf die erste schneeflocke kann man sogar raufklicken und wenn man das tut kriegt man voll probleme mit dem browser!

Manuel

der fehler liegt in der "snow.js"

wenn ich den befehl

Zitat:

aus der index.php rausnehme, dann sind die sterne weg, aber im feuerfux schneits nimma unglücklich

xman1989

Hallöchen!
Ich habe auch ein Problem...
Bei mir schneit nichts Augenzwinkern

Hab das script in die index.php eingefügt und unten die Firefoxzeile dran gehangen.
Erst hats im IE geschneit (die 10 ersten Flocken) und dann nix mehr....
Im feierfox kommt überhaupt kein schnee....

Hat noch wer ne Idee?

bert47

Hallo
ich habe diesen Script in den Header eingebaut und der Funzt in allen Browser. Ist auch im Portal zu sehen.

code:

1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
20:
21:
22:
23:
24:
25:
26:
27:
28:
29:
30:
31:
32:
33:
34:
35:
36:
37:
38:
39:
40:
41:
42:
43:
44:
45:
46:
47:
48:
49:
50:
51:
52:
53:
54:
55:
56:
57:
58:
59:
60:
61:
62:
63:
64:
65:
66:
67:
68:
69:
70:
71:
72:
73:
74:
75:
76:
77:
78:
79:
80:
81:
82:
83:
84:
85:
86:
87:
88:
89:
90:

*****************************************
* 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 = 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>>

icebear2k

bei mir wird es nur oben angezeigt...

also vllt 20pixel hoch unglücklich

jemand ne Idee????

dirk1992

ich habe das selbe problem gehabt, firefox will, das du ein <html> zeichen hin machst. versuchs mal, und mach es vor die ganzen scripte, und am schluss </html> net vergessen. sollte es dann immer noch nicht gehen, schreib mich nochmal hier an, dann stell ich meinen code den ich benutz hier rein

Biggi

Zitat:

Original von bert47
Hallo
ich habe diesen Script in den Header eingebaut und der Funzt in allen Browser. Ist auch im Portal zu sehen.

Vor deinen Code gehört noch <script type="text/javascript"> und am Ende ist eine spitze Klammer zu viel.
Vielleicht klappt er deshalb bei manchen Leuten nicht.

Keine Sorge, bert47, in deinem Board steht der Code aber korrekt drin.
Aber ansonsten ist dein Quelltext ein ordentliches Durcheinander. geschockt

Zitat:

Original von dirk1992
ich habe das selbe problem gehabt, firefox will, das du ein <html> zeichen hin machst. versuchs mal, und mach es vor die ganzen scripte, und am schluss </html> net vergessen. sollte es dann immer noch nicht gehen, schreib mich nochmal hier an, dann stell ich meinen code den ich benutz hier rein

Das würde ich nicht machen.
Das Board bringt diese Tags schon mit. Dann wären sie doppelt im Quelltext. Das kann für nix gut sein!

icebear2k

Zitat:

geht immernoch net unglücklich

Maniac_81

ich habe es eben getestet, im IE7 funktionert es, im FF 3 nicht.

icebear2k

benutze den IE7!

Da kann man doch eigentlich nxi falsch machen beim einbau oder?
verwirrt

dirk1992

also ich schreib dir mal hier den code wo ich drinn habe:
wenn du mal schauen willst hier meine seite, dort gehts: mein forum
also im acp gehste halt auf Templates bearbeiten, dann auf index, wenn du ein anderes design benutzt, dann wähl das aus, und geh dann auf index.
ganz am anfang fügst du unter

code:

1:
2:
3:
4:
5:
6:
7:
8:

<?xml version="1.0" encoding="{$lang->items['LANG_GLOBAL_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="{$lang->items['LANG_GLOBAL_DIRECTION']}" lang="{$lang->items['LANG_GLOBAL_LANGCODE']}" xml:lang="{$lang->items['LANG_GLOBAL_LANGCODE']}">
<head>
<title>$master_board_name | {$lang->items['LANG_START_TITLE']}</title>
$headinclude

das ein:

code:

1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:

<SCRIPT LANGUAGE="JavaScript" SRC="snow.js"></SCRIPT>
<SCRIPT LANGUAGE="JavaScript">
function snow()
{
Falling(20,"<IMG SRC='flake1.gif'>", 99999);
Falling(10,"<IMG SRC='flake1.gif'>", 99999);
Falling(10,"<IMG SRC='flake1.gif'>", 99999);
}
</SCRIPT>

-------------------------------
und dann, des ist gleich drunter, den <body> ersetzen durch:

code:
1: 2: 3:	<body onload= "snow()" "CSScriptInit()" Frameset(self.location.href)">

-------------------------
dann musst du noch eine datei in dein forum hochladen. dazu habe ich dir was angehängt. einfach in den wbb2 ordner rein. dann änderst du die txt endung in js um. das es dann heisst: snow.js.
dann brauchst du halt noch das bild. das muss heissen, flake1.gif
wenn du ein anderes bild nutzen willst, oder verschiedene, dann ändere oben im script einfach das flake1.gif.
Hoffe ich konnte dir weiter helfen.
Gruß dirk

icebear2k

Juhu es hat geklappt!! geschockt

VIELEN VIELEN DANK!!!!!!!!!! Freude

nächste Seite

Forensoftware: Burning Board, entwickelt von WoltLab GmbH