[javascript] position: absolute, maar wil center..

[kazz1980]

Ik heb een javascript voor een horizontale scroll. Ik zou echter willen dat deze scroll gecentreerd wordt, maar het is nu een layer met position: absolute. Kan ik deze ook gecentreerd krijgen??

Hier is overigens de hele code:

code:

<a name="tickpos"> </a>
<div id="ticktext" style="position: absolute; font-family: arial; font-size: 14pt; visibility: hidden; left: 101; top: 291; width: 550; height: 90">
<A HREF="#" onmouseover = "doButton ('images/chinatown.JPG')" onmouseout = "doButton('images/blank.JPG')">
[img]"images/thumbs/chinatown.JPG"[/img]</a>
</div>

[RM-rf]

position: absolute; is altijd gepositioneerd relatief aan de hoek linksbovenin het venster (top:0;left0px;)

enige wat je kunt doen is voor centrering ook weer gebruik maken van een javascript:
http://www.kw.nl/~gerard/cross/center.html

(is een oud scriptje; en niet DOm-comp, eigenlijk moet dus getElementById eraan worden toegevoegd

[kazz1980]

getElementById ?? wat is dit?

[kazz1980]

enne...er staat dat je een div moet hebben met ID="card"
maar mijn div heeft al een ID ... kunnen er niet twee in lijkt me.

[RM-rf]

Op donderdag 24 januari 2002 10:49 schreef kazz1980 het volgende:
getElementById ?? wat is dit?

ehm, dat is nogal basic, en kennis die je echt nodig hebt om te kunnen scripten ;
http://www.w3schools.com/ wil je daarbij misschien helpen (zodra ze weer up zijn)

een element mag inderdaad slechts één ID-attribuut hebben en dit ID moet tevens uniek zijn (geen 2 elementen met hetzelfde ID)
maar vervang gewoon 'card' uit het voorbeeld door het te gebruiken ID, dat werkt ook

[kazz1980]

gedaan...maar werkt helemaal niet....
geen idee wat ie wel doet.
left en top hebben allebei waarde 0, maar blijft onderaan en niet gecentreerd.
Is die basic-functie echt nodig?
of zou het zo ook moeten werken?

[edwinistrator]

wat bedoel je eigelijk met gecentreerd? horizontaal in het midden of moet het perse ook verticaal in het midden.

Maar misschien is dat dit zelfs met stylesheets is op te lossen, is aardig tricky, maar misschien heb je er wat aan
(maar het is me niet helemaal duidelijk wat precies de bedoeling is maar ik post maar, misschien dat een ander er nog eens wat aan heeft)

Het geheel staat in een gecentreerde div
het staat in pixels gedefinieerd maar kan ook met %

http://www.operation3.com/center/profile.html
http://www.operation3.com/center/style.css

creator: http://www.designstrasse.com/

[kazz1980]

gaat alleen om horizontaal centreren.

[edwinistrator]

nou, probeer dat dan.
werkt niet echt lekker in Netscape 4X maar goed


IE 4 of hoger
Netscape 6 of Mozzila en Oprah ook geen probleem

[kazz1980]

gaat nu heel vreemd....
heb even alle scriptjes voor centreren etcetera dr uigehaald, en nu blijkt dat de div altijd op dezelfde plek blijft ongeacht wat ik voor left, top, width of height invul.
dat hoort toch niet?

[edwinistrator]

nee, als je html klopt, dan hoort dit inderdaad niet nee,
maar plaats anders ff een demootje online ofzo, dan kunnen we wat makkelijker meepraten

[kazz1980]

krijg het dus niet voor mekaar om uberhaupt de plek aan te passen nu, dus probeer het nu in het script zelf:

code:

// By Ernst Straka ([e-mail] http://www.rs-systems.at/straka)
// Courtesy of SimplytheBest.net (http://simplythebest.net/info/dhtml_scripts.html)
var l1 =   0; // left of ticker in pixel, or 0 to position relative
var t1 =   425; // top of ticker in pixel, or 0 to position relative
var w1 = 550; // width of ticker in pixel
var ie = document.all ? true : false;
var first = true;
var l2 = l1 + w1;
var l3 = l1 - l2;
var l = l2;
function tickinit() {
if (ie) {
if (l1 == 0 && t1 == 0) {
pos = document.all['tickpos'];
l1 = getLeft(pos);
t1 = getTop(pos);
}
ticktext.style.posTop = t1;
}
else {
if (l1 == 0 && t1 == 0) {
pos = document.anchors['tickpos'];
l1 = pos.x;
t1 = pos.y;
}
document.ticktext.pageY = t1;
}
l2 = l1 + w1;
l3 = l1 - l2;
l = l2;
setInterval('tick()',100);
}
function getLeft(ll) {
if (ll.offsetParent)
return (ll.offsetLeft + getLeft(ll.offsetParent));
else 
return (ll.offsetLeft);
}
function getTop(ll) {
if (ll.offsetParent)
return (ll.offsetTop + getTop(ll.offsetParent));
else
return (ll.offsetTop);
}
function tick() {
l = l - 10;
if (l < l3) l = l2;
cl = l1 - l;
cr = l2 - l;
if (ie) {
ticktext.style.posLeft = l;
ticktext.style.posTop = t1;
ticktext.style.clip = "rect(auto "+cr+"px auto "+cl+"px)";
if (first) ticktext.style.visibility = "visible";
}
else {
document.ticktext.pageX = l;
document.ticktext.clip.left = cl;
document.ticktext.clip.right = cr;
if (first) document.ticktext.visibility = "show";
}
first = false;
}

[kazz1980]

Op donderdag 24 januari 2002 12:04 schreef operation3 het volgende:
nee, als je html klopt, dan hoort dit inderdaad niet nee,

het is nu precies weer als voordat ik met het centreren begon, en daarvoor deed ie het wel...dus.

Ik heb zojuist de hele pagina opnieuw in elkaar gezet...en het blijft zo dat de positie van de scroll altijd op delfde plek staat! hoe kan dat>???

[kazz1980]

Heb nu helaas weinig tijd meer.
zal het een andere keer allemaal online zetten.