Ergebnis 1 bis 12 von 12
  1. #1
    Angel-M ist offline Jungspund
    registriert
    03-02-2005
    Beiträge
    17

    Problem mit Layer Scroller

    Hallo zusammen

    bin neu hier und blutiger Anfänger in Sachen JavaScript
    ....und habe folgendes Problem
    habe mir einen Layerscroller eingebaut..... soweit hab ich ja alles gut hinbekommen... aber er scrollt irgendwie nicht
    kann mir jemand sagen wo der fehler liegt?

    hier mal mein gesamter code für die seite
    Code:
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
    <html>
    <head>
    <style type="text/css">  
    #divUpControl{
    	position:absolute;
    	width:320px;
    	left:325px;
    	top:200px;
    	z-index:1;
    	text-align: right;
    } 
    #divDownControl{
    	position:absolute;
    	width:320px;
    	left:325px;
    	top:600px;
    	z-index:1;
    	text-align: right;
    } 
    #divContainer{position:absolute; width:390px; height:494px;	overflow:hidden; top:200px;	left:260px;	clip:rect(0 390px 390px 0); visibility:visible;} 
    #divContent{position:static;
    	top:390px;
    	left:260px;
    	height: 390px;
    } 
    body {
    	background-image: url();
    }
    </style>
    <script language="JavaScript">// begin absolutely positioned scrollable area object scripts 
    /*
    Extension developed by David G. Miles (www.z3roadster.net/dreamweaver)
    Original Scrollable Area code developed by Thomas Brattli 
    To add more shock to your site, visit www.DHTML Shock.com
    */
    
    function verifyCompatibleBrowser(){ 
        this.ver=navigator.appVersion 
        this.dom=document.getElementById?1:0 
        this.ie5=(this.ver.indexOf("MSIE 5")>-1 && this.dom)?1:0; 
        this.ie4=(document.all && !this.dom)?1:0; 
        this.ns5=(this.dom && parseInt(this.ver) >= 5) ?1:0; 
     
        this.ns4=(document.layers && !this.dom)?1:0; 
        this.bw=(this.ie5 || this.ie4 || this.ns4 || this.ns5) 
        return this 
    } 
    bw=new verifyCompatibleBrowser() 
     
     
    var speed=50 
     
    var loop, timer 
     
    function ConstructObject(obj,nest){ 
        nest=(!nest) ? '':'document.'+nest+'.' 
        this.el=bw.dom?document.getElementById(obj):bw.ie4?document.all[obj]:bw.ns4?eval(nest+'document.'+obj):0; 
        this.css=bw.dom?document.getElementById(obj).style:bw.ie4?document.all[obj].style:bw.ns4?eval(nest+'document.'+obj):0; 
        this.scrollHeight=bw.ns4?this.css.document.height:this.el.offsetHeight 
        this.clipHeight=bw.ns4?this.css.clip.height:this.el.offsetHeight 
        this.up=MoveAreaUp;this.down=MoveAreaDown; 
        this.MoveArea=MoveArea; this.x; this.y; 
        this.obj = obj + "Object" 
        eval(this.obj + "=this") 
        return this 
    } 
    function MoveArea(x,y){ 
        this.x=x;this.y=y 
        this.css.left=this.x 
        this.css.top=this.y 
    } 
     
    function MoveAreaDown(move){ 
    	if(this.y>-this.scrollHeight+objContainer.clipHeight){ 
        this.MoveArea(0,this.y-move) 
        if(loop) setTimeout(this.obj+".down("+move+")",speed) 
    	} 
    } 
    function MoveAreaUp(move){ 
    	if(this.y<0){ 
        this.MoveArea(0,this.y-move) 
        if(loop) setTimeout(this.obj+".up("+move+")",speed) 
    	} 
    } 
     
    function PerformScroll(speed){ 
    	if(initialised){ 
    		loop=true; 
    		if(speed>0) objScroller.down(speed) 
    		else objScroller.up(speed) 
    	} 
    } 
     
    function CeaseScroll(){ 
        loop=false 
        if(timer) clearTimeout(timer) 
    } 
    var initialised; 
    function InitialiseScrollableArea(){ 
        objContainer=new ConstructObject('divContainer') 
        objScroller=new ConstructObject('divContent','divContainer') 
        objScroller.MoveArea(0,0) 
        objContainer.css.visibility='visible' 
        initialised=true; 
    } 
    // end absolutely positioned scrollable area object scripts 
    
    </script>
    <title>Unbenanntes Dokument</title>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
    </head>
    
    <body>
    <body bgcolor="999999" onLoad="InitialiseScrollableArea()">
    
    <!-- begin absolutely positioned scrollable area object--> 
    <div id="divUpControl"> <a href="javascript:;" onMouseOver="PerformScroll(-7)" onMouseOut="CeaseScroll()">[scroll 
      up]</a> </div>
    <div id="divDownControl"> <a href="javascript:;" onMouseOver="PerformScroll(7)" onMouseOut="CeaseScroll()">[scroll 
      down]</a> </div>
    <div id="divContainer"> 
      <div id="divContent"> <b>Scroll Area Content Start</b> 
        <p> Lorem ipsum dolor sit amet, consectetur adipscing elit, sed diam nonnumy 
          eiusmod tempor incidunt ut labore et dolore magna aliquam erat volupat.</p>
        <p>Et harumd dereud facilis est er expedit distinct. Nam liber a tempor cum 
          soluta nobis eligend optio comque nihil quod a impedit anim id quod maxim 
          placeat facer possim omnis es voluptas assumenda est, omnis dolor repellend. 
          Temporem autem quinsud et aur office debit aut tum rerum necesit atib saepe 
          eveniet ut er repudiand sint et molestia non este recusand.</p>
        <p>Lorem ipsum dolor sit amet, consectetur adipscing elit, sed diam nonnumy 
          eiusmod tempor incidunt ut labore et dolore magna aliquam erat volupat.</p>
        <p>Et harumd dereud facilis est er expedit distinct. Nam liber a tempor cum 
          soluta nobis eligend optio comque nihil quod a impedit anim id quod maxim 
          placeat facer possim omnis es voluptas assumenda est, omnis dolor repellend. 
          Temporem autem quinsud et aur office debit aut tum rerum necesit atib saepe 
          eveniet ut er repudiand sint et molestia non este recusand.</p>
      <b>Scroll Area Content End</b> </div>
    </div>
     <!-- end absolutely positioned scrollable area object -->
    </body>
    </html>
    diesen code habe ich von hier (klick)

    hier meine seite wo der scroller eingebaut ist
    http://melleangel.me.funpic.de/indextest.html

  2. #2
    Angel-M ist offline Jungspund
    registriert
    03-02-2005
    Beiträge
    17

    AW: Problem mit Layer Scroller

    kann denn niemand helfen?

  3. #3
    Avatar von dkdenz
    dkdenz ist offline Foren-Gott
    registriert
    13-04-2004
    Ort
    Lübeck
    Beiträge
    12.050

    AW: Problem mit Layer Scroller

    Geduld, es wird sich schon noch jemand melden...

  4. #4
    brainshock ist offline Lounge-Member
    registriert
    03-10-2002
    Ort
    .
    Beiträge
    5.319

    AW: Problem mit Layer Scroller

    Bei clip:rect() fehlen Kommata.

  5. #5
    Angel-M ist offline Jungspund
    registriert
    03-02-2005
    Beiträge
    17

    AW: Problem mit Layer Scroller

    entschuldigt meine Ungeduld *schäm*

    @brainshock
    meinst du das hier?
    clip:rect(0 390px 390px 0);
    muss es so aussehen? clip:rect(0; 390px; 390px; 0);

  6. #6
    Angel-M ist offline Jungspund
    registriert
    03-02-2005
    Beiträge
    17

    AW: Problem mit Layer Scroller

    habs mal mit den kommas geändert.. problem besteht weiterhin
    http://melleangel.me.funpic.de/indextest1.html

  7. #7
    Angel-M ist offline Jungspund
    registriert
    03-02-2005
    Beiträge
    17

    AW: Problem mit Layer Scroller

    Zitat Zitat von Angel-M
    habs mal mit den kommas geändert.. problem besteht weiterhin
    http://melleangel.me.funpic.de/indextest1.html
    habe 2 varianten getestet
    clip:rect(0; 390px; 390px; 0);
    und clip:rect(0,390,390, 0);



    Edit by myself:
    boah mist, sorry, wollte diesen Post eigentlich nicht machen, wollte eigentlich meinen davor nur editieren und ändern

  8. #8
    Avatar von bine
    bine ist offline Lounge-Member
    registriert
    06-07-2002
    Ort
    Schleswig-Holstein
    Beiträge
    5.902

    AW: Problem mit Layer Scroller

    daran liegt das auch nicht, die Werte bei clip:rect kann man ohne Komma schreiben.
    Der Fehler liegt im style in der Positionierung.

    edit: und einen body Tag hast du zuviel drin.
    Geändert von bine (03-02-2005 um 19:05 Uhr)
    bine

  9. #9
    Angel-M ist offline Jungspund
    registriert
    03-02-2005
    Beiträge
    17

    AW: Problem mit Layer Scroller

    und was kann ich jetzt tun?
    möchte doch gerne dieses Script mittig haben besser gesagt, so wie ich es jetzt eingestellt habe

  10. #10
    Avatar von bine
    bine ist offline Lounge-Member
    registriert
    06-07-2002
    Ort
    Schleswig-Holstein
    Beiträge
    5.902

    AW: Problem mit Layer Scroller

    clip:rect funktioniert soweit ich weiß nur mit position:absolute.
    Deshalb denke ich, das du deine Container fest posiionieren mußt.

    z.B:
    Code:
                <style type="text/css">
    
    
    #divUpControl{position:absolute; width:320px; top:10; left:250px; z-index:1; text-align: right;}
    #divDownControl{position:absolute; width:320px; top:270; left:250px; z-index:1; text-align: right;}
    #divContainer{position:absolute; width:320; height:240; overflow:hidden; top:30; left:250px; clip:rect(0,320,240,0); visibility:hidden}
    #divContent{position:absolute; top:0; left:0px;}
    </style>
    bine

  11. #11
    Angel-M ist offline Jungspund
    registriert
    03-02-2005
    Beiträge
    17

    AW: Problem mit Layer Scroller

    aaaaahhhhhhhhh ... es geeeeeeeeeeht
    vielen lieben dank für die Hilfe

    noch eine kleine Frage hab*
    wie bekomme ich die Schrift des [scroll up] und [scroll down] andersfarbig?
    Geändert von Angel-M (03-02-2005 um 19:53 Uhr)

  12. #12
    Avatar von bine
    bine ist offline Lounge-Member
    registriert
    06-07-2002
    Ort
    Schleswig-Holstein
    Beiträge
    5.902

    AW: Problem mit Layer Scroller

    in dem style für divUp und Down mußt du nur noch die gewünschte
    color:
    ergänzen.
    bine

Ähnliche Themen

  1. Problem mit Positionierung externe Layer innerhalb eines Layers
    Von Krawallfisch im Forum CSS und (X)HTML
    Antworten: 3
    Letzter Beitrag: 07-10-2004, 16:21
  2. layer scroller, browser problem
    Von _kid im Forum JavaScript
    Antworten: 2
    Letzter Beitrag: 14-09-2004, 11:28
  3. Problem beim drucken von unsichtbaren Layer n
    Von milou im Forum JavaScript
    Antworten: 6
    Letzter Beitrag: 20-10-2003, 18:37
  4. layer scroller
    Von ba77 im Forum JavaScript
    Antworten: 6
    Letzter Beitrag: 29-10-2002, 11:42
  5. Layer Scroller (auto) horizontal?
    Von hupfer im Forum Allgemeines
    Antworten: 0
    Letzter Beitrag: 30-01-2002, 11:25

Lesezeichen

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •