• Das Erstellen neuer Accounts wurde ausgesetzt. Bei berechtigtem Interesse bitte Kontaktaufnahme über die üblichen Wege. Beste Grüße der Admin

mehrere container in einer html ?

ich tick ab, hab die ganzen variablen geändert glaub ich zumindest, die scroller reagieren nichtmehr auf den andren container aba der neue container wird nicht mehr angezeigt..

bitte um hilfe :|
 
Das wird n bisschen komplizierter glaub ich.

Du musst alle functions wo der Name des Layers drin vorkommt so ändern, dass Du den Namen des Layers mit in die function überträgst. Dann kannste einfach nen neuen Layer mit anderem namen machen und per mouseover oder so dir function öffnen (bei der Du jetzt den Namen des zu bewegenen Layers übergibts.

Falls ich heute ma ne Stunde Zeit finde schreib ich dir das um.
 
währ super , bin hier am verrecken weil ich nich weitermachen kann.. währst glaub ich auch der erste der mehrere solcher scroller auf eine seite macht .
wie ich das bis jetzt sehe , hat das noch keiner
 
Ich saß da vorhin rund 2 Stunden vor und hab's nicht hinbekommen...... :( Ich muss ma seh'n oft kommen mir die besten Ideen wenn ich kurz vorm einschafen bin. Ma sehn ob mir da ncoh was einfällt......
 
ok bin gespannt ob du das hinkriegst ;) saß auch schon ne zeit dran hat auch teilweise geklapt nur den inhalt des zweiten containers hat er nichtmehr angezeigt
 
Haste

objContainer.css.visibility='visible'


das auch an den 2ten Container angepast???

Das musste für jeden Container haben. So weit hab ich das, ich wollte aber, dass ich oben eine Konstante eingebe und dann hat der automatisch so viele Container wie der wert der Konstante ist.
 
Notfalls kannste das so machen:

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


#divUpControl2{position:absolute; width:320; left:500; top:10; z-index:1; text-align: right} 
#divDownControl2{position:absolute; width:320; left:500; top:270; z-index:1; text-align: right} 
#divContainer2{position:absolute; width:320; height:240; overflow:hidden; top:30; left:500; clip:rect(0,320,240,0); visibility:hidden} 
#divContent2{position:absolute; top:0; left:0} 


</style>
<script language="JavaScript">// begin absolutely positioned scrollable area object scripts 
/*
Extension developed by David G. Miles ([url]www.z3roadster.net/dreamweaver[/url])
Original Scrollable Area code developed by Thomas Brattli 
To add more shock to your site, visit [url]www.DHTML[/url] 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 PerformScroll2(speed){ 
	if(initialised){ 
		loop=true; 
		if(speed>0) objScroller2.down(speed) 
		else objScroller2.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' 
    objContainer2=new ConstructObject('divContainer2') 
    objScroller2=new ConstructObject('divContent2','divContainer2') 
    objScroller2.MoveArea(0,0) 
    objContainer2.css.visibility='visible' 
    initialised=true; 
} 
// end absolutely positioned scrollable area object scripts 

</script>
</head>
<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>

<div id="divUpControl2"> <a href="javascript:;" onMouseOver="PerformScroll2(-7)" onMouseOut="CeaseScroll()">[scroll 
  up]</a> </div>
<div id="divDownControl2"> <a href="javascript:;" onMouseOver="PerformScroll2(7)" onMouseOut="CeaseScroll()">[scroll 
  down]</a> </div>
<div id="divContainer2"> 
  <div id="divContent2"> <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>

aber mir gefällt das so noch nicht
 
Du musst dich einloggen oder registrieren, um hier zu antworten.
Zurück
Oben