✔ Darstellungsproblem

L

lubino

Mitglied
Hallo Leute,

ich hab wieder das Problem das ein Script nicht in allen Browser läuft und zwar nur im IE und im Opera. Es handelt sich dabei um ein Scroll Layer auf http://www.lubino.de/temp11.htm
Im Mozilla und im NS geht dieser Scrip nicht. hab den fehler nicht finden können. vieleicht könnt Ihr helfen? Dazu geht auch das PopUp Menu im Opera nicht :confused:

hier noch die CSS Daten
Code: 
# #divUpControl {

    * position : absolute;
    * width : 25px;
    * z-index : 1;
    * text-align : right;
    * height : 13px;
    * margin-left : 735px;
    * margin-top : -126px;
    * top : 276px;

}
# #divDownControl {

    * position : absolute;
    * width : 27px;
    * z-index : 1;
    * text-align : right;
    * height : 14px;
    * margin-left : 733px;
    * margin-top : 134px;
    * top : 276px;

}
# #divContainer {

    * position : absolute;
    * width : 345px;
    * height : 268px;
    * overflow : hidden;
    * visibility : visible;
    * margin-left : 415px;
    * top : 152px;
    * border-top-width : 1px;
    * border-bottom-width : 1px;
    * border-top-style : solid;
    * border-bottom-style : solid;
    * border-top-color : #ed1284;
    * border-bottom-color : #ed1284;
    * color : #666666;
    * background-color : #f0f0f0;

}
# #divContent {

    * position : absolute;
    * top : 0;
    * left : 0;

}
 
Warum zeigst du den CSS-Code, wenn das Scroller-Script nicht funktioniert :confused:

Schau dich mal auf www.dhtmlcentral.com um, wo der Scroller ursprünglich herkommt (= Autor Thomas Brattli), dort findest du sicherlich eine 'aktuellere' Version des Scrollers, die auch in den Gecko-Browsers FireFox, Mozilla u. Netscape funktionieren sollte.

Achtung: der Server ist derzeit scheinbar nicht erreichbar, also bitte zu einem späteren Zeitpunkt versuchen.
 
Habe mich noch mal der Problematik mit dem Scroller-Script angenommen und festgestellt, daß es am Doctype liegt, den du für deine Seite gewählt hast (!)

HTML: 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd">

Denn die 'aktuellere' Script-Version funktioniert auch nicht mit diesem Doctype in den Gecko-Browsers (FireFox, Mozilla u. Netscape).

Lösung: entweder verwendest du keine Doctype-Deklaration, oder du wählst diese hier:

HTML: 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

Ich poste mal den Code des 'aktuelleren' Scrollers, den ich glücklicherweise als Backup auf einer meiner CDROMs entdeckt habe, falls der Lösungsvorschlag für deine Script-Version zu keinem Erfolgserlebnis führen sollte, und ich dir leider nicht sagen kann, wann dhtmlcentral.com wieder online geht:

HTML: 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>DHTMLCentral.com - Free Dynamic HTML Scripts - ScrollText Demo</title>
<meta name="Author" content="Thomas Brattli (webmaster@dhtmlcentral.com)">
<META NAME="Generator" CONTENT="Designer:Thomas Brattli (www.bratta.com)">
<meta name="KeyWords" content="DHTML, HTML, Dynamic HTML, Javascript, Cascading Style Sheets, Cross-browser, Cross browser, Javascripts, DOM, Scripts, Free Scriptsscrolltext,text,scroll,move,slide,mouseover,effect,">
<meta name="Description" content="Dynamic HTML Central - The ultimate place to find DHTML scripts, demos, tutorials and help.">
<style type="text/css">
#divUp{position:absolute; left:170px; top:190px;}
#divDown{position:absolute; left:170px; top:380px;}
#divCont{position:absolute; width:300px; height:150px; overflow:hidden; top:220px; left:170px; clip:rect(0,300,150,0); visibility:hidden}
#divText{position:absolute; top:0; left:0} 
</style>
<script language="JavaScript" type="text/javascript">
/********************************************************************************
Copyright (C) 2001 DHTMLCentral.com
This script is made by Thomas Brattli and copyrighted to DHTMLCentral.com
Visit for more great scripts. This may be used freely as long as this msg is intact!
We will also appriciate any links you could give us.
 
ScrollText 
********************************************************************************/
function lib_bwcheck(){ //Browsercheck (needed)
this.ver=navigator.appVersion
this.agent=navigator.userAgent
this.dom=document.getElementById?1:0
this.ie5=(this.ver.indexOf("MSIE 5")>-1 && this.dom)?1:0;
this.ie6=(this.ver.indexOf("MSIE 6")>-1 && this.dom)?1:0;
this.ie4=(document.all && !this.dom)?1:0;
this.ie=this.ie4||this.ie5||this.ie6
this.mac=this.agent.indexOf("Mac")>-1
this.opera5=this.agent.indexOf("Opera 5")>-1
this.ns6=(this.dom && parseInt(this.ver) >= 5) ?1:0; 
this.ns4=(document.layers && !this.dom)?1:0;
this.bw=(this.ie6 || this.ie5 || this.ie4 || this.ns4 || this.ns6 || this.opera5 || this.dom)
return this
}
var bw=new lib_bwcheck()
 
/*****************
You set the width and height of the divs inside the style tag, you only have to
change the divCont, Remeber to set the clip the same as the width and height.
You can remove the divUp and divDown layers if you want. 
This script should also work if you make the divCont position:relative.
Then you should be able to place this inside a table or something. Just remember
that Netscape crash very easily with relative positioned divs and tables.
Updated with a fix for error if moving over layer before pageload.
****************/
 
//If you want it to move faster you can set this lower:
var speed=50
//Sets variables to keep track of what's happening
var loop, timer
//Object constructor
function makeObj(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=goUp;this.down=goDown;
this.moveIt=moveIt; this.x; this.y;
	this.obj = obj + "Object"
	eval(this.obj + "=this")
	return this
}
function moveIt(x,y){
this.x=x;this.y=y
this.css.left=this.x
this.css.top=this.y
}
//Makes the object go up
function goDown(move){
if(this.y>-this.scrollHeight+oCont.clipHeight){
this.moveIt(0,this.y-move)
if(loop) setTimeout(this.obj+".down("+move+")",speed)
}
}
//Makes the object go down
function goUp(move){
if(this.y<0){
this.moveIt(0,this.y-move)
if(loop) setTimeout(this.obj+".up("+move+")",speed)
}
}
//Calls the scrolling functions. Also checks whether the page is loaded or not.
function scroll(speed){
if(loaded){
loop=true;
if(speed>0) oScroll.down(speed)
else oScroll.up(speed)
}
}
//Stops the scrolling (called on mouseout)
function noScroll(){
loop=false
if(timer) clearTimeout(timer)
}
//Makes the object
var loaded;
function scrollInit(){
oCont=new makeObj('divCont')
oScroll=new makeObj('divText','divCont')
oScroll.moveIt(0,0)
oCont.css.visibility='visible'
loaded=true;
}
//Call the init on page load
onload=scrollInit;
</script>
</head>
<body marginleft="0" marginheight="0">
<div id="divUp">
<a href="#" onmouseover="scroll(-2)" onmouseout="noScroll()">[slow]</a>
<a href="#" onmouseover="scroll(-7)" onmouseout="noScroll()">[medium]</a>
<a href="#" onmouseover="scroll(-10)" onmouseout="noScroll()">[fast]</a>
</div>
<div id="divDown">
<a href="#" onmouseover="scroll(2)" onmouseout="noScroll()">[slow]</a>
<a href="#" onmouseover="scroll(7)" onmouseout="noScroll()">[medium]</a>
<a href="#" onmouseover="scroll(10)" onmouseout="noScroll()">[fast]</a>
</div>
<div id="divCont">
<div id="divText">
<p>News: <br>
www.bratta.com/dhtml - Have you ever experienced DHTML is now updated
with more script, demos and how to's then ever. Visit now!
Also added: The DHTML Scriptomania, a new and better interface
to browser the scripts, demos and how to's.</p>
<p>
test text test text test text test text test text test text<br><br>
test text test text test text test text test text test text<br>
test text test text test text test text test text test text<br>
test text test text test text test text test text test text<br>
test text test text test text test text test text test text<br></p>
<p>
test text test text test text test text test text test text<br>
test text test text test text test text test text test text<br>
test text test text test text test text test text test text<br><br>
test text test text test text test text test text test text<br>
test text test text test text test text test text test text - END</p>
</div>
</div>
 
</body>
</html>
  • Browsercheck: FF 1.5, IE 6.0, MOZ 1.6, NN 7.0, OP 8.50
 
danke an der dekleration hat es gelegen. jetzt muss ich nur noch wissen wie man das abi als erledigt bezeichnen kann, da meine frage beantwortet ist. danke nochal
 
Hi Leutz!

Hab eine Frage bezüglich des Scroller-Script.
Habs bei mir eingebaut und auch. Jetzt möcht ich gern den bereich wo der Text dargestellt wird vergößern. Irgendwie es nicht. Wo muss ich das ändern damit der Text in einem größeren Bereich dargestellt wird? Code ist ja derselbe wie oben.
Danke für eure Hilfe!

Greetz SixxKiller
 
Die Grösse der ScrollBox wird über das DIV#divCont definiert:

Code: 
#divCont {
position:absolute; 
top:220px; 
left:170px; 
width:300px; 
height:150px; 
clip:rect(0,300,150,0); 
overflow:hidden; 
visibility:hidden;
}
 
Um antworten zu können musst du eingeloggt sein.

Neue Beiträge

Zurück