Scrolling probleem - Softwareontwikkeling

maandag 18 februari 2002 16:58

Acties:

Verwijderd

Topicstarter

Ok, ik heb deze scrolling layers (zie onder)
Als ik de pagina bekijk op verschillende schermgroottes, verschuift de tekst. Zodoende klopt het niet meer en ziet het er niet meer uit zoals ik bedoelde. Wat ik wil, is dat de tekst gewoon alleen in het groene gedeelte loopt. Maar als ik dus van paginaformaat wissel (Minimaliseren, maximaliseren, schermgrootte), lijkt het nergens meer op.

<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<meta name="GENERATOR" content="Microsoft FrontPage 4.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<title>adadfgafgh</title>
<link rel="stylesheet" type="text/css" href="core-style.css">
<style type="text/css">
#divUpControl{position:absolute; width:320; left:290; top:400; z-index:1; text-align: right}
#divDownControl{position:absolute; width:320; left:305; top:400; z-index:1; text-align: right}
#divContainer{position:absolute; width:480; height:265; overflow:hidden; top:140; left:120; clip:rect(0,480,440,0); visibility:hidden}
#divContent{position:absolute; top:400; left:120}
</style>
<script language="JavaScript">// begin absolutely positioned scrollable area object scripts
/*
Extension developed by David G. Miles (www.z3roadster.net/dreamweaver)
Original Scrollable Area code developed by Thomas Brattli
To add more shock to your site, visit www.DHTML 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 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;
}
// end absolutely positioned scrollable area object scripts

</script>
</head>

<body bgcolor="#FFFFFF" topmargin="0" onLoad="InitialiseScrollableArea()">
<table border="0" width="100%" height="100%">
<div align="center">
<center>
<table border="0" width="555" height="284" cellspacing="0" cellpadding="0" bgcolor="#008000">
<tr>
<td width="529" height="320" rowspan="3">


<div id="divUpControl"> <a href="javascript:;" onMouseOver="PerformScroll(-7)" onMouseOut="CeaseScroll()">[img]"images/up.gif"[/img]</a> </div>
<div id="divDownControl"> <a href="javascript:;" onMouseOver="PerformScroll(7)" onMouseOut="CeaseScroll()">[img]"images/down.gif"[/img]</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>

</td>
<td width="10" height="1"> </td>
</tr>
<tr>
<td width="10" height="318" bgcolor="#008000"> </td>
</tr>
<tr>
<td width="10" height="1"> </td>
</tr>
</table>
</center>
</div>

</body>

maandag 18 februari 2002 16:59

Acties:

SchizoDuckie

Kwaak

Kortom, wíj mogen deze tekst eerst gaan c/p'en naar een html bestand, en dan checken?

sorry. te veel werk voor mij.

Stop uploading passwords to Github!

maandag 18 februari 2002 17:04

Acties:

Verwijderd

Topicstarter

Ok, laat ik het dan anders formuleren:

Ik heb een bestaand scrolling layer script in een tabel (en de head en <body> gepast. Ik wil dat de tekst van het script op de pagina steeds meerverschuift met de tabel. Die verschuift immers, als je de pagina kleiner maakt.

Hoe moet dat?

maandag 18 februari 2002 17:07

Acties:

SchizoDuckie

Kwaak

Ehm...

'absolutely positioned'

Lees daar eens wat meer over, en sloop het er uit.

Stop uploading passwords to Github!

maandag 18 februari 2002 17:16

Acties:

Verwijderd

Topicstarter

Er staat op een aantal plaatsen position: absolute. Kan ik er wel uitslopen, maar wat typ ik dan voor absolute in de plaats?

maandag 18 februari 2002 17:21

Acties:

SchizoDuckie

Kwaak

omg. it's a total DHTML n00b...
euhm... moet het ook werken in Netscape? anders kan je de overflow van de table cell op scroll zetten, en dan kan je dat hele script wegmieteren.

Stop uploading passwords to Github!

maandag 18 februari 2002 17:24

Acties:

Hangloozz

{ @$%&# }

hmm, typisch geval van http://html.op-het.net/...
en anders ff op de W3school een korte cursus ondergaan.

www.jurgroessen.nl

maandag 18 februari 2002 17:26

Acties:

Verwijderd

Topicstarter

Idd, ik ben geen DHTML crack. Maar heb desalniettemin een probleempje dat ik gepost heb. Dus lach me maar uit, ik doe ook maar gewoon mijn best.

maandag 18 februari 2002 17:36

Acties:

Hangloozz

{ @$%&# }

Op maandag 18 februari 2002 17:26 schreef Geoffrey het volgende:
Dus lach me maar uit

nope, niemand lacht je uit, tenminste; ik niet, want alle 'cracks' zijn op dezelfde wijze begonnen.
edit: hmm, ik zie mezelf trouwens niet als crack, laat dat duidelijk zijn

Het scheelt alleen als je je d'r iets in verdiept.
Je hebt zelfs kans dat je er dan zelf uitkomt

Eerst zweten dan posten

alhoewel ik me er ook weleens aan schuldig maak om het andersom te doen

www.jurgroessen.nl

dinsdag 19 februari 2002 09:19

Acties:

Verwijderd

Topicstarter

As I understand it, is één van de doelen van dit forum om dingen die voor de ene gebruiker obvious zijn, uit te leggen aan een andere gebruiker voor wie ze niet zo obvious zijn. Ik heb juist eerst gezocht op allerlei school-sites, ook op die die Hangloozz me suggereerde. Maar ik kwam er daarmee niet uit. Het lijkt me dan logisch om het hier te vragen.

Als ik nou vroeg hoe je een tekst vet kan weergeven op een html pagina... Dit lijkt me toch iets ingewikkelder, ik kom er niet uit in elk geval...

Om dus weer op mijn vraag terug te komen:

Als ik de position van absolute in relative verander, blijft het probleem dat de tekst niet op de juiste plaats wordt weergegeven, dat is, in de groene tabel...

dinsdag 19 februari 2002 09:50

Acties:

Hangloozz

{ @$%&# }

okee, okee ik kom al

hmm, dit is onjuist html:

code:

<table border="0" width="100%" height="100%">
<div align="center">
<center>
<table border="0" width="555" height="284" cellspacing="0" cellpadding="0" bgcolor="#008000">

je mist hier een TR en een TD tag, en de hele tabel wordt ook nog eens een keer niet afgesloten.

Daarnaast weet ik niet wat je met 'groen' gedeelte bedoelt.
Lokaal zal bovenstaande code er vast heel fancy uitzien maar ik heb geen afbeeldingen en geen 'core-style.css' en dus ziet het er plat en wit uit.
Misschien een URL'etje??

www.jurgroessen.nl

dinsdag 19 februari 2002 10:27

Acties:

Verwijderd

Topicstarter

Je moet echter eerst omlaag scrollen, dan zie je het groene vlak. Dit komt waarsch door een fout in de html, wat jij zelf net al aangaf.

http://www.geocities.com/geoffreyhibbert/

dinsdag 19 februari 2002 10:40

Acties:

Hangloozz

{ @$%&# }

Fix inderdaad eerst die tabel eens, het resultaat zal je bevallen

www.jurgroessen.nl

dinsdag 19 februari 2002 10:42

Acties:

Verwijderd

code:

1	<table border="0" width="100%" height="100%">

die moet eruit, dan is je source in ieder geval goed.

dinsdag 19 februari 2002 10:46

Acties:

Willem

Afbeeldingslocatie: http://www.xs4all.nl/~meinesz/graphics/got/validate.gif

Spreekt voor zich lijkt me.

Motor (of auto) onderhoud bijhouden

dinsdag 19 februari 2002 11:44

Acties:

Hangloozz

{ @$%&# }

ik denk niet dat het script dat toelaat.
Er staat niet voor niets:

www.jurgroessen.nl

dinsdag 19 februari 2002 12:49

Acties:

Verwijderd

Topicstarter

OK, maar ik heb nu bij position:absolute verandert in relative.

Kan ik niet de table in het midden van de pagina postioneren?

dinsdag 19 februari 2002 13:02

Acties:

Hangloozz

{ @$%&# }

ja maar luister nou:
stel nou dat het script zo geprogd is dat het steunt op de aanwezigheid van een absoluut gepositioneerd element, dan is het niet zo dat het wijzigen van absolute in relative het hele script aanpast aan jouw wensen...

anyways:
een tabel zowel in de hoogte als de breedte centreren doe je zo:

code:

<table width="750" height="100%" cellpadding="0" cellspacing="0" align="center">
<tr>
<td valign="middle">
<table width="750" height="250" cellpadding="0" cellspacing="0" align="center">
<tr>
<td>blaat</td>
</tr>
</table>
</td>
</tr>
</table>

www.jurgroessen.nl

dinsdag 19 februari 2002 13:31

Acties:

Verwijderd

Topicstarter

Dit heb ik nu, je ziet nu inderdaad dat als je het scherm klein maakt, dat de tekst en de scrollknoppen verschoven zijn t.o.v. de table. Logisch als ze een absolute positie hebben. Hier is niets aan te doen?? Als je bij bijvoorbeeld de site van http://www.top40.nl kijkt, zie je dat ze daar toch ook een scrollbar stuk in een tabel hebben staan. Daar werkt het.

Wat ik nu heb, staat hier: http://www.geocities.com/geoffreyhibbert/pushond.html

dinsdag 19 februari 2002 16:56

Acties:

Verwijderd

Het kan wel geloof ik, als het op die top40 site kan. Daar is het best mooi gedaan, vind ik. Anders moet je eens kijken of je dat script kunt rippen, als test.

dinsdag 19 februari 2002 17:02

Acties:

Hangloozz

{ @$%&# }

Op dinsdag 19 februari 2002 13:31 schreef Geoffrey het volgende:
zie je dat ze daar toch ook een scrollbaar stuk in een tabel hebben staan. Daar werkt het.

* Hangloozz zucht *ik zeg ook niet dat het helemaal niet kan, maar het script wat je nu geript hebt is niet zondermeer toepasbaar op de manier die je wilt.
Je zult er dieper in moeten duiken of een beter script moeten maken/rippen...

_{geen prod in de buurt?}
Ik noem nog maar eens Clay's scrollbar, al durf ik dat bijna niet meer.

www.jurgroessen.nl

woensdag 20 februari 2002 08:47

Acties:

Verwijderd

Topicstarter

Ik wil geen scrollbar erin, ik wil een stuk tekst in een tabel dat automatisch scrollt als je met je muis over scrollknoppen gaat. Zie de links die ik gaf in mijn vorige post...

woensdag 20 februari 2002 10:13

Acties:

gulie

hoe heb je nu je script totaal aangepast (staat ales in de tabel of verwijst de tabel naar een loose pagina) want je hebt neem ik aan wat verandert in het begin.
ook kan je effen die ms copdes er boven uit hallen want somige profiders willen daar geen onderstuning op geven (vreemt ik weet het maar wel waar) heb zelf een keer zo in geleefert en die deet niks halde weg dat ie in frontpage wert gemaakt en toen deet ie het snap jij het

Ben Dis... dyc... dic... Dyslexie

woensdag 20 februari 2002 11:22

Acties:

Verwijderd

Topicstarter

Ja, dat van Frontpage haal ik meestal ook weg. Ik begrijp niet helemaal wat je bedoelt met "staat ales in de tabel of verwijst de tabel naar een loose pagina", kun je daar iets duidelijker over zijn?

woensdag 20 februari 2002 12:10

Acties:

Verwijderd

Ik begrijp niet dat je dit niet voor elkaar ken krijgen. Je ken toch wel een tabel bouwen waarin die tekst scrollt? Oh, het probleem is dat als het scherm kleiner wordt, dat het dan niet past. Daar moet toch een scrippie voor zijn??

Ik geef toe, ik weet het niet, ben beter in graphical design, maar er is vast wel een tweaker die dit ken oplossen.

<font color=\"#df040f\">* bAids weet alleen maar over Flash<\/font>

donderdag 21 februari 2002 11:13

Acties:

Verwijderd

Topicstarter

Op woensdag 20 februari 2002 12:10 schreef bAids het volgende:
<font color=\"#df040f\">* bAids weet alleen maar over Flash<\/font>

Wat probeer je hier te typen??

zaterdag 23 februari 2002 23:46

Acties:

gulie

als je ales in een tabel zet en de tabel dan lokt moet als het goed is ales op de juiste verhoudingen blijfen staan
weet niet zeker of het ook hierme werkt maar het het ooit met een bestel lijst zo gedaan

Ben Dis... dyc... dic... Dyslexie