Flashforum - Die Community zu Adobe Flash, Flex AIR. Web Design und Inspiration.

szylla · 06-12-2011, 15:13

hi,
ich kapier es einfach nicht.

wie krieg ich denn die Stats.js ans laufen?
hier auf der seite sieht man die FPS anzeige bei einigen beispielen links oben positioniert:
three.js examples
und HIER gibts die js datei.

ich kriegs allerdings nicht mal angezeit... hier ein kleiner ausschnitt:

HTML-Code:

<script src="js/Stats.js"></script>

	<script>
		
		//var canvas = document.getElementById( id );
		var container;
		var stats;
		
		container = document.createElement( 'div' );
		
		//document.body.appendChild( container );
		
		//---
		
		//stats = new Stats();
		//stats.domElement.style.position = 'absolute';
		//stats.domElement.style.top = '0px';
		
		//container.appendChild( stats.domElement );

		
		alert( "ALERT: " + container );

	</script>

in diesem fall kommt auch das alert... wenn ich aber auch nur irgend eine der auskommentierten zeilen mit rein nehme passiert nix... nicht mal mehr das alert erscheint?! dabei hab ich das doch so übernommen wie der mrDoob das gezeigt hat?!

öffne mir doch bitte jemand die augen!

lieben danke,
euer szylla

**shin10** · 06-12-2011, 15:39

Der Code stimmt, aber wohl der Pfad zu deiner Kopie von Stats.js nicht.
Check die URL mal im Browser (evtl. liegt's an der base-url?)

mfg

sx

szylla · 06-12-2011, 15:49

oh man, du hattest recht!

HTML-Code:

<script src="Stats.js"></script>

ich hatte den falschen pfad!

allerdings klappts immer noch nicht. ich kann alle zeilen einkommentieren und bekomme immer noch meinen test alert. nur diese zeile hier nicht:

HTML-Code:

document.body.appendChild( container );

wenn ich die mit rein nehme krieg ich kein alert.
und die stats seh ich noch gar nicht. was könnte noch falsch sein?

welchen editor benutzt du für javascript?

danke und vg

**shin10** · 06-12-2011, 15:58

Hast du den code irgendwie gekapselt, oder könnte da sonst irgendwas sein, dass document bzw, document.body nicht das ist was es scheint?

Als Editor ... ich häng tatsächlich gerade noch in Dreamweaver

, wollte mir aber schleunigst mal Netbeans ansehe. Empfohlen worden ist mir vor allem PHPStorm.

Nightflyer · 06-12-2011, 16:01

Die Zeile kannst du getrost weg lassen und einfach ein div-Tag in deinen Body schreiben. Das du keinen Alert siehst liegt daran dass du eben einen Alert hast ( bzw. der Browser welcher dann das JS abbricht und nicht ausführt )

szylla · 06-12-2011, 16:06

Zitat:

Zitat von shin10

Hast du den code irgendwie gekapselt, oder könnte da sonst irgendwas sein, dass document bzw, document.body nicht das ist was es scheint?

wie meinste das? gekapselt?
das hier ist alles was ich habe:

HTML-Code:

<!DOCTYPE html>
<html>
	<head>
		<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
		<title>stats test</title>
		<style type="text/css" media="screen">
			canvas { border: 0px solid White; }
			html, body { width:100%; height:100%; overflow:hidden; margin:0; padding:0; }
			div { border:0px solid #000; }
			#canvasdiv { position:absolute; top:0px; left:0px z-index:1; width:100%; height:100%; }
			#header    { position:absolute; top:0px; left:0px; width:120px; height:70px; z-index:2; }
			#canvas    { position:absolute; width:100%; height:100%; }
			#errorDiv  { position:absolute; left:10px; top:55px; width:800px; height:70px; z-index:4; }
		</style>
	</head>

	<script src="Stats.js"></script>

	<script>
		
		var container;
		var stats;
		
		container = document.createElement( 'div' );
		
		//document.body.appendChild( container );
		
		//---
		
		stats = new Stats();
		stats.domElement.style.position = 'absolute';
		stats.domElement.style.top = '0px';
		
		container.appendChild( stats.domElement );

		
		alert( "ALERT: " + container );

	</script>

	<body bgcolor="#0D0D0D" onload="init()" onresize="onResize()">
		
		<div id="canvasdiv">
			<canvas id="canvas">
				<div id="errorDiv">
					<font face="Arial" size="-1" color="#FF0000">Your browser doesn't support HTML5 canvas.</font><br>
				</div>
			</canvas>
		</div>
		
		<div id="header">
		</div>
		

	</body>
</html>

Zitat:

Zitat von Nightflyer

Die Zeile kannst du getrost weg lassen und einfach ein div-Tag in deinen Body schreiben

und dann container= document.getElementById( id ); oder wie?!

vielen dank

**shin10** · 06-12-2011, 16:21

Du hast document.body.appendChild( container ); noch auskommentiert

Zitat:

wie meinste das? gekapselt?
das hier ist alles was ich habe:

hätte ja sein können, das dein script sonst irgendwo rumschwirrt und bspw. document überschrieben worden ist.

PHP-Code:

  var document = "asdf";

alert(document.body); //undefined

Aber gut, dem ist ja nicht so.

szylla · 06-12-2011, 16:30

Zitat:

Zitat von shin10

Du hast document.body.appendChild( container ); noch auskommentiert

ja, das ist wie beschrieben ganz bewusst so. die zeile sorgt nicht dafür das ich irgendwas zu sehen bekomme, sondern im gegenteil... die zeile schafft es das sogar mein alert nicht erscheint

**shin10** · 06-12-2011, 16:35

Funzt doch wunderbar mit der Zeile.
http://jsfiddle.net/yj5ps/

szylla · 06-12-2011, 16:41

kopier ich das script, bzw komplett alles und pack das so in meine html seh ich aber immer noch nicht links oben die stats?!

kann es vielleicht am editor liegen? ich hab das jetzt mit flashdevelop geschrieben.
krieg langsam die krise. in deinem jsfiddle bsp läufts und bei mir lokal nicht bei 100% gleichem code?!

**shin10** · 06-12-2011, 16:46

In flashdevelop? Auf die Idee bin ich auch noch nicht gekommen ... aber auch da kannst du ja einstellen, ob du den "build" innerhalb eines fd-tabs sehen willst, oder in einem Browser. Stell das einfach um und es müsste passen.

szylla · 06-12-2011, 16:48

anbei eine zip mit js und html datei (code 1zu1 aus dem funktionierenden bsp übernommen).

szylla · 06-12-2011, 16:50

Zitat:

Zitat von shin10

aber auch da kannst du ja einstellen, ob du den "build" innerhalb eines fd-tabs sehen willst, oder in einem Browser. Stell das einfach um und es müsste passen.

warum umstellen? sollte doch auch im browser laufen? ich scripte da drinn, speicher ab und öffne dann sepparat die html datei ausm dateiexplorer heraus und teste...

**shin10** · 06-12-2011, 16:55

Dann heißt es aufräumen:

PHP-Code:

  <!DOCTYPE html>
<html>
  <head>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8" />
    <title>stats test</title>
    <style type="text/css" media="screen">
      canvas {
          border: 0px solid White;
      }
      html, body {
          width:100%;
          height:100%;
          overflow:hidden;
          margin:0;
          padding:0;
      }
      div {
          border:0px solid #000;
      }
      #canvasdiv {
          position:absolute;
          top:0px;
          left:0px;
          z-index:1;
          width:100%;
          height:100%;
      }
      #header {
          position:absolute;
          top:0px;
          left:0px;
          width:120px;
          height:70px;
          z-index:2;
      }
      #canvas {
          position:absolute;
          width:100%;
          height:100%;
      }
      #errorDiv {
          position:absolute;
          left:10px;
          top:55px;
          width:800px;
          height:70px;
          z-index:4;
      }
    </style>
    <script type="text/javascript" src="Stats.js"></script>
    <script>
      function init(){
        var id = "canvas";
        var canvas = document.getElementById( id );
        var container;
        var stats;
        container = document.createElement( 'div' );
        document.body.appendChild( container );
        //---
        stats = new Stats();
        stats.domElement.style.position = 'absolute';
        stats.domElement.style.top = '0px';
        container.appendChild( stats.domElement );
        //alert( "ALERT: " + container );
      }
    </script>
  </head>
  <body bgcolor="#0D0D0D" onLoad="init()" onResize="onResize()">
  <div id="canvasdiv">
    <canvas id="canvas">
      <div id="errorDiv"> <font face="Arial" size="-1" color="#FF0000">Your browser doesn't support HTML5 canvas.</font><br></div>
    </canvas>
  </div>
  <div id="header"> </div>
  </body>
</html>

szylla · 06-12-2011, 16:59

wow, es klappt! aber wieso??
vielen dank schonmal shin!

06-12-2011, 15:13	#1 (permalink)
szylla skylla Registriert seit: Feb 2011 Beiträge: 166	stats.js benutzen hi, ich kapier es einfach nicht. wie krieg ich denn die Stats.js ans laufen? hier auf der seite sieht man die FPS anzeige bei einigen beispielen links oben positioniert: three.js examples und HIER gibts die js datei. ich kriegs allerdings nicht mal angezeit... hier ein kleiner ausschnitt: HTML-Code: <script src="js/Stats.js"></script> <script> //var canvas = document.getElementById( id ); var container; var stats; container = document.createElement( 'div' ); //document.body.appendChild( container ); //--- //stats = new Stats(); //stats.domElement.style.position = 'absolute'; //stats.domElement.style.top = '0px'; //container.appendChild( stats.domElement ); alert( "ALERT: " + container ); </script> in diesem fall kommt auch das alert... wenn ich aber auch nur irgend eine der auskommentierten zeilen mit rein nehme passiert nix... nicht mal mehr das alert erscheint?! dabei hab ich das doch so übernommen wie der mrDoob das gezeigt hat?! öffne mir doch bitte jemand die augen! lieben danke, euer szylla

06-12-2011, 15:39	#2 (permalink)
shin10 in the boondocks Registriert seit: Feb 2006 Ort: Augsburg Beiträge: 3.499	Der Code stimmt, aber wohl der Pfad zu deiner Kopie von Stats.js nicht. Check die URL mal im Browser (evtl. liegt's an der base-url?) mfg sx __________________ flintfabrik.de

06-12-2011, 15:49	#3 (permalink)
szylla skylla Registriert seit: Feb 2011 Beiträge: 166	oh man, du hattest recht! HTML-Code: <script src="Stats.js"></script> ich hatte den falschen pfad! allerdings klappts immer noch nicht. ich kann alle zeilen einkommentieren und bekomme immer noch meinen test alert. nur diese zeile hier nicht: HTML-Code: document.body.appendChild( container ); wenn ich die mit rein nehme krieg ich kein alert. und die stats seh ich noch gar nicht. was könnte noch falsch sein? welchen editor benutzt du für javascript? danke und vg

06-12-2011, 15:58	#4 (permalink)
shin10 in the boondocks Registriert seit: Feb 2006 Ort: Augsburg Beiträge: 3.499	Hast du den code irgendwie gekapselt, oder könnte da sonst irgendwas sein, dass document bzw, document.body nicht das ist was es scheint? Als Editor ... ich häng tatsächlich gerade noch in Dreamweaver , wollte mir aber schleunigst mal Netbeans ansehe. Empfohlen worden ist mir vor allem PHPStorm. __________________ flintfabrik.de

06-12-2011, 16:01	#5 (permalink)
Nightflyer Inventar Registriert seit: Jul 2002 Beiträge: 6.882	Die Zeile kannst du getrost weg lassen und einfach ein div-Tag in deinen Body schreiben. Das du keinen Alert siehst liegt daran dass du eben einen Alert hast ( bzw. der Browser welcher dann das JS abbricht und nicht ausführt ) __________________ (\__/) (='.'=) (")_(")

06-12-2011, 16:35	#9 (permalink)
shin10 in the boondocks Registriert seit: Feb 2006 Ort: Augsburg Beiträge: 3.499	Funzt doch wunderbar mit der Zeile. http://jsfiddle.net/yj5ps/ __________________ flintfabrik.de Geändert von shin10 (06-12-2011 um 16:37 Uhr)

06-12-2011, 16:41	#10 (permalink)
szylla skylla Registriert seit: Feb 2011 Beiträge: 166	kopier ich das script, bzw komplett alles und pack das so in meine html seh ich aber immer noch nicht links oben die stats?! kann es vielleicht am editor liegen? ich hab das jetzt mit flashdevelop geschrieben. krieg langsam die krise. in deinem jsfiddle bsp läufts und bei mir lokal nicht bei 100% gleichem code?!

06-12-2011, 16:46	#11 (permalink)
shin10 in the boondocks Registriert seit: Feb 2006 Ort: Augsburg Beiträge: 3.499	In flashdevelop? Auf die Idee bin ich auch noch nicht gekommen ... aber auch da kannst du ja einstellen, ob du den "build" innerhalb eines fd-tabs sehen willst, oder in einem Browser. Stell das einfach um und es müsste passen. __________________ flintfabrik.de

06-12-2011, 16:55	#14 (permalink)
shin10 in the boondocks Registriert seit: Feb 2006 Ort: Augsburg Beiträge: 3.499	Dann heißt es aufräumen: PHP-Code: <!DOCTYPE html> <html> <head> <meta http-equiv="content-type" content="text/html; charset=UTF-8" /> <title>stats test</title> <style type="text/css" media="screen"> canvas { border: 0px solid White; } html, body { width:100%; height:100%; overflow:hidden; margin:0; padding:0; } div { border:0px solid #000; } #canvasdiv { position:absolute; top:0px; left:0px; z-index:1; width:100%; height:100%; } #header { position:absolute; top:0px; left:0px; width:120px; height:70px; z-index:2; } #canvas { position:absolute; width:100%; height:100%; } #errorDiv { position:absolute; left:10px; top:55px; width:800px; height:70px; z-index:4; } </style> <script type="text/javascript" src="Stats.js"></script> <script> function init(){ var id = "canvas"; var canvas = document.getElementById( id ); var container; var stats; container = document.createElement( 'div' ); document.body.appendChild( container ); //--- stats = new Stats(); stats.domElement.style.position = 'absolute'; stats.domElement.style.top = '0px'; container.appendChild( stats.domElement ); //alert( "ALERT: " + container ); } </script> </head> <body bgcolor="#0D0D0D" onLoad="init()" onResize="onResize()"> <div id="canvasdiv"> <canvas id="canvas"> <div id="errorDiv"> <font face="Arial" size="-1" color="#FF0000">Your browser doesn't support HTML5 canvas.</font><br></div> </canvas> </div> <div id="header"> </div> </body> </html> __________________ flintfabrik.de Geändert von shin10 (06-12-2011 um 16:58 Uhr)

06-12-2011, 16:59	#15 (permalink)
szylla skylla Registriert seit: Feb 2011 Beiträge: 166	wow, es klappt! aber wieso?? vielen dank schonmal shin!

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Ansicht
Linear-Darstellung Zur Hybrid-Darstellung wechseln Zur Baum-Darstellung wechseln

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
Papervision3D scene.stats.* ?!	gandyxxl	3D	1	27-11-2007 10:11
Stats	MaSch	PHP und MySQL	1	04-05-2006 21:10
Warum geht das nicht? FILE Online Stats	nxfxcom	PHP und MySQL	0	22-03-2004 22:33