Hi,
momentan arbeite ich an einem Design für meine Homepage.
Jedoch bin ich in Sachen
JS etwas auf der Strecke geblieben.
Ich schilder nun kurz die Probleme:
- Lade ich im DIV Content per AJAX einen neuen Inhalt, dann passt sich die Scrollbar nicht darauf an. Ich danke mal das man die Scrollbar "rebooten müsste, damit sie ordentlich angezeigt wird, jedoch habe ich keine Ahnung wie man soetwas technisch umsetzt.
- Im IE 6 wird die Scrollbar:
- versetzt (mal links unten und mal oben mittig und mal woanders) angeziegt.
- sie lässt sich nicht scrollen, was wohl auf einen Fehler zurück zu führen ist. Als Fehler zeigt mit IE
Zitat:
Zeile: 271
Zeichen: 3,
Fehlermeldung: "Das Objekt unterstützt diese Eigenschaft oder Methode nicht."
Code: 0
|
- Und im IE wird der AJAX-Request nicht ausgeführt, dies tritt allerdings nur auf, wenn die Anfrage auf dem Server durchgeführt wird, auf meinem Rechner funktioniert es...
Nun noch der Quellcode der Scrollbar und der Link zur betreffenden Seite:
http://test.envo-media.de/newmb/design2.htm PHP-Code:
function sidebar(){
var ocontainer;
var ocontent;
var spaceToScroll;
$(document).ready(
function ()
{
ocontainer = $('div.container');
ocontent = $('div.content');
containerSize = jQuery.iUtil.getSize(ocontainer.get(0));
containerPosition = jQuery.iUtil.getPosition(ocontainer.get(0));
containerInner = jQuery.iUtil.getClient(ocontainer.get(0));
contentSize = jQuery.iUtil.getSize(ocontent.get(0));
$('div.slider1')
.css('top', containerPosition.y + 'px')
.css('left', containerPosition.x + containerSize.wb + 'px')
.css('height', containerSize.hb + 'px');
spaceToScroll = contentSize.hb - containerInner.h;
$('div.indicator')
.css('height', containerInner.h * containerSize.hb / contentSize.hb + 'px')
$('.slider1').Slider(
{
accept : '.indicator',
onSlide : function( cordx, cordy, x , y)
{
ocontent
.css('top', - spaceToScroll * cordy / 100 + 'px');
}
}
);
}
);
}
Für jede Hilfe wäre ich dankbar. Bis auf den Scrollbalken funktioniert auch alles wunderbar. Außer den CSS Code muss ich noch anpassen und evtl ein preload für das Hintergrundbild.
MfG