[JavaScript] brauche hilfe zu mootools

Einklappen
X
 
  • Filter
  • Zeit
  • Anzeigen
Alles löschen
neue Beiträge

  • [JavaScript] brauche hilfe zu mootools

    hallo,

    ich will mich etwas in mootools einarbeiten. als bsp will ich einen div container gefüllt mit text per Fx.Scroll beim seitenaufruf automatisch nach unten scrollen lassen. der code sieht so aus:
    Code:
    <!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">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Unbenanntes Dokument</title>
    <style>
    body {
    	background-color:#333;
    }
    
    .dings {
    	position:absolute;
    	top:200px;
    	left:200px;
    	width:500px;
    	height:200px;
    	background-color:#CCC;
    	overflow:scroll;
    }
    </style>
    <script language="JavaScript" src="mootools-1.2.1-core-nc.js"></script>
    </head>
    
    <body>
    <script language="JavaScript">
    var scrollExample = new Fx.Scroll($('test'));
    scrollExample.toBottom(); //go to the top
    
    </script>
    <div class="dings">
    	<div id="test">
    	dfgsdfgdsfg<br />
    	dfsgdfs<br />
    	gdsf<br />
    	gdf<br />
    	gfd<br />
    	gdfrd<br />
    	sgsdf<br />
    	gdf<br />
    	gdfg<br />
    	fdgdf<br />
    	fdg<br />
    	df<br />
    	gsdf<br />
    	dfs<br />
    	g<br />
    	dfgf<br />
    	ddfs<br />
    	gdfg<br />
    	g<br />
    	</div>
    </div>
    </body>
    </html>
    aber es tut sich nichts. ist das so richtig?
    Erfahrungen vererben sich nicht jeder muss sie allein machen.

  • #2
    Versuch mal

    PHP-Code:
    window.addEvent('domready', function() {
    var 
    scrollExample = new Fx.Scroll($('test'));
    scrollExample.toBottom(); //go to the top
    }); 
    Was passiert denn wenn du "scrollExample.toBottom(); " in ner Firebug Konsole ausführst ?

    Kommentar


    • #3
      klappt leider auch nicht. bekomme: Fehler: Fx.Scroll is not a constructor
      Erfahrungen vererben sich nicht jeder muss sie allein machen.

      Kommentar


      • #4
        Mach Dich mal schlau, ob die Scroll-Klasse in Deiner MooTools-Version enthalten ist!
        Guckst Du hier!


        Gruß php-fussel

        edit: Diese muß noch ZUSÄTZLICH eingebunden werden.
        Zuletzt geändert von php_fussel; 13.02.2009, 10:09.

        Kommentar


        • #5
          hast recht. dachte das das schon im core drin ist. jetzt kommt auch keine fehlermeldung, aber trotzdem tut sich nichts. wenn ich es richtig vrestanden habe, müsste die div box text durch den aufruf ganz runterscrollen, korrekt?
          Erfahrungen vererben sich nicht jeder muss sie allein machen.

          Kommentar


          • #6
            ok, ich habe das problem lokalisiert. hab das falsche div angesprochen. so ist es richtig:
            <div class="dings" id="test">
            <div>
            dfgsdfgdsfg<br />
            dfsgdfs<br />
            gdsf<br />
            gdf<br />
            gfd<br />
            gdfrd<br />
            sgsdf<br />
            gdf<br />
            gdfg<br />
            fdgdf<br />
            fdg<br />
            df<br />
            gsdf<br />
            dfs<br />
            g<br />
            dfgf<br />
            ddfs<br />
            gdfg<br />
            g<br />
            </div>
            </div>
            Erfahrungen vererben sich nicht jeder muss sie allein machen.

            Kommentar


            • #7
              ... immer diese Kleinigkeiten, die uns ärgern ...

              Kommentar

              Lädt...
              X