Visualizzazione dei risultati da 1 a 2 su 2

Discussione: scroller di contenuti

  1. #1

    scroller di contenuti

    ho trovato sto script
    codice:
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
    <html>
    <head>
    <title>Documento senza titolo</title>
    <style type="text/css">
    #divUpControl {
    	HEIGHT: 30px; LEFT: 10px; POSITION: absolute; TEXT-ALIGN: right; TOP: 10px; WIDTH: 320px; Z-INDEX: 1
    }
    #divDownControl {
    	HEIGHT: 30px; LEFT: 10px; POSITION: absolute; TEXT-ALIGN: right; TOP: 270px; WIDTH: 320px; Z-INDEX: 1
    }
    #divContainer {
    	CLIP: rect(0px 320px 240px 0px); HEIGHT: 240px; LEFT: 392px; OVERFLOW: hidden; POSITION: absolute; TOP: 96px; VISIBILITY: hidden; WIDTH: 546px}
    #divContent {
    	LEFT: 0px;
    	POSITION: absolute;
    	TOP: 0px;
    	width: 584px;
    }
    H1 {
    	FONT: bold 11px Tahoma, Arial, Helvetica, sans-serif
    }
    BODY {
    	FONT: 11px Tahoma, Arial, Helvetica, sans-serif
    }
    P {
    	FONT: 11px Tahoma, Arial, Helvetica, sans-serif
    }
    A {
    	COLOR: #009999; FONT: 11px Tahoma, Arial, Helvetica, sans-serif; TEXT-DECORATION: none
    }
    A:hover {
    	COLOR: #009999; FONT: 11px Tahoma, Arial, Helvetica, sans-serif; TEXT-DECORATION: underline
    }
    </style>
    <script language="JavaScript">
    
    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; 
    } 
    
    
    function MM_displayStatusMsg(msgStr) {
      status=msgStr;
      document.MM_returnValue = true;
    }
    
    </script>
    
    <script language="JavaScript">
    
    function MM_reloadPage(init) {  //reloads the window if Nav4 resized
      if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
        document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
      else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
    }
    MM_reloadPage(true);
    // -->
    
    function MM_preloadImages() { //v3.0
      var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
        var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
        if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
    }
    
    function MM_swapImgRestore() { //v3.0
      var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
    }
    
    function MM_findObj(n, d) { //v3.0
      var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
        d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
      if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
      for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document); return x;
    }
    
    function MM_swapImage() { //v3.0
      var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
       if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
    }
    
    </script>
    </head>
    
    <body onload="InitialiseScrollableArea();" onblur="self.close()">
    
    <table width="200" border="0" align="center" cellpadding="0" cellspacing="0">
      <tr>
        <td width="21" rowspan="5">[img]sd/images/section.png[/img]</td>
        <td colspan="2">[img]sd/images/logo_top.png[/img]</td>
        <td width="30" rowspan="5">[img]sd/images/section_2.png[/img]</td>
      </tr>
      <tr>
        <td colspan="2">[img]sd/images/up.png[/img][img]sd/images/section_3.png[/img][img]sd/images/logo_bottom.png[/img]</td>
      </tr>
      <tr>
        <td width="524">[img]sd/images/bg.png[/img]</td>
        <td width="25">[img]sd/images/section_4.png[/img]</td>
      </tr>
      <tr>
        <td colspan="2">[img]sd/images/down.png[/img][img]sd/images/section_5.png[/img][img]sd/images/owners.png[/img]</td>
      </tr>
      <tr>
        <td colspan="2">[img]sd/images/section_6.png[/img]</td>
      </tr>
    </table>
    <div style="visibility: visible;" id="divContainer">
    <div style="left: 204.75pt; top: -24px;" id="divContent">Scroll Area Content Start 
        
    
    [img]example_files/temp_dgm_roadster_small.jpg[/img]An example to demonstrate 
          that the scrollable area can contain content other than text. Lorem ipsum 
          dolor sit amet, consectetur adipscing elit, sed diam nonnumy eiusmod tempor 
          incidunt ut labore et dolore magna aliquam erat volupat.</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>
    
    
    Lorem ipsum dolor sit amet, consectetur adipscing elit, sed diam nonnumy 
    eiusmod tempor incidunt ut labore et dolore magna aliquam erat volupat.</p>
        
    
    [img]example_files/temp_dgm_roadster_small.jpg[/img]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>
    
    
    Lorem ipsum dolor sit amet, consectetur adipscing elit, sed diam nonnumy 
    eiusmod tempor incidunt ut labore et dolore magna aliquam erat volupat.</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>
    
    
    Lorem ipsum dolor sit amet, consectetur adipscing elit, sed diam nonnumy 
    eiusmod tempor incidunt ut labore et dolore magna aliquam erat volupat.</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>Scroll Area 
    Content End </div></div>
    
    </body>
    </html>
    ma non funziona... i pulsanti prima si trovavano nei tag DIV ma non li voglio li poerche senno li mette a zuppete nel browser e non dove voglio io e quindi ora stanno nelle caselle di un tabella..ma nun scrolla
    Modalità curioso ON...attendere riavvio del sistema in corso...

    Errore nessuna tastiera trovata premere un tasto per continuare...

  2. #2
    Prova con questo codice

    http://www.yappy.it/scrolling.html

    Ciao,
    Banda Bassotti
    http://www.yappy.it
    Socio donatore AVIS AIDO & ADMO

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2024 vBulletin Solutions, Inc. All rights reserved.