Archief - Q: Anchors

Het archief is een bevroren moment uit een vorige versie van dit forum, met andere regels en andere bazen. Deze posts weerspiegelen op geen enkele manier onze huidige ideeën, waarden of wereldbeelden en zijn op sommige plaatsen gecensureerd wegens ontoelaatbaar. Veel zijn in een andere tijdsgeest gemaakt, al dan niet ironisch - zoals in het ironische subforum Off-Topic - en zouden op dit moment niet meer gepost (mogen) worden. Toch bieden we dit archief nog graag aan als informatiedatabank en naslagwerk. Lees er hier meer over of start een gesprek met anderen.
f

friggelke

Legacy Member
Kben momenteel bezig aan nen horizontale site. Als je op link drukt in iframe, moet de pagina springen horizontaal naar dat punt dat ik wil nl iframe2.

Het probleem is nu: het gaat maar nie nie wordak et juist zou willen hebben. Kzie alleen mor nen millimeter van min iframe verderop. Tis de bedoeling dak nor een exact punt kan "warpen"

http://users.pandora.be/a103607/websites/freestyle/main.html

hier een voorbeeld.
L

Lashknife

Legacy Member
horizontale anchors? no such thing

javascript window.scrollTo en scrollBy functies gebruiken (dunno of da goe werkt x-browser hoor :/ )
f

friggelke

Legacy Member
hmm kunde dan vanuit nen iframe op nen link klikke dage dan scrolled? Et rare van al is dak et al heb geprobeerd maar der nognie in geslaagd ben om het te laten werken :). Als iemand hier een idee van hoe het te forcere voor een link in een iframe ...
f

friggelke

Legacy Member
ik dacht da da normaal mooglijk was als er wel deeglijk zich content bevind op de site. Dienen anchor werkt wel deeglijk nie nie bepaald op de juiste plaats :s.

Ik weet dak nog veel moe lere van html en source ma daarvoor benk ier... lere :p

Tga em eiglijk nie over frames ma over nen iframe wor da nen link inzit en as ge derop klikt da uw window zoveel verplaatst.
L

Lashknife

Legacy Member
ja maakt toch ook geen bal uit, een iframe of een frame, als het een scrollbar heeft, kan je het laten scrollen

self.scrollTo(x,y)

en of het nu mijn script is, of moesten anchors nu werken, je kan niet verder scrollen dan je page breed is en daarmee uit, want je kan gewoon niet verder... (en extra lege content voor een kei lange scrollbar, beetje dom he, een bereikte link mag eventueel ook rechts op uw page staan als uw page op is :)
f

friggelke

Legacy Member
het rare van al is, kheb et net getest, is dat de anchors wel werke. Ik kan dus bij wijze van spreke nen link zette nor nen anchor opt einde van min table dus da ist nie :). kga ff jou broncode bekijke.
L

Lashknife

Legacy Member
roflmao, ik zit daar een of ander script te pennen met offsetLeft etcetera, blijkt dat dat idd zo werkt

<a href="#rechts">ga naar rechts</a>
en dan helemaal rechts buiten uw page <a name="rechts">hier is rechts</a>

anyway, nu wel effe getest en er is geen verschil, aangezien je niet verder kan scrollen dan je page breed is (en die gaat maar tot net naast het rechtse deel - niet zo ver dat "hier is rechts" ook helemaal links tegen de kant kan komen te staan.)
f

friggelke

Legacy Member
Bij deze andere oplossing gevonde. Scrolle werkt perfect met javascript en divs.

Nog 1 klein vraagje:

bij mijn Iframe konnek de positie van min iframe bepalen -> iframe starte onderaan ipv bovenaan. Is dit mooglijk met min javascript voor scrollable div? Keb al een aantal dinge geprobeerd ma tevergeefs.

Hier het script

<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<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}
</style>
<script language="JavaScript">// begin absolutely positioned scrollable area object scripts
// Extension developed by David G. Miles
// Original Scrollable Area code developed by Thomas Brattli
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 onLoad="InitialiseScrollableArea()">
<!-- begin absolutely positioned scrollable area object-->
<div id="divUpControl"> <a href="javascript:;" onMouseOver="PerformScroll(-10)" onMouseOut="CeaseScroll()">[scroll up]</a> </div>
<div id="divDownControl"> <a href="javascript:;" onMouseOver="PerformScroll(10)" onMouseOut="CeaseScroll()">[scroll down]</a> </div>
<div id="divContainer">
<div id="divContent"> <b>Scroll Area Content Start</b>
<b>Scroll Area Content End</b> </div>
</div>
<!-- end absolutely positioned scrollable area object -->
</body>
</html>
f

friggelke

Legacy Member
lol probleem is al opgelost keb et na wa zoeken zelf opgelost.

Als er mense willen weten hoe ze beginnen aan het eind van dees scrollable script hier de oplossing:

function InitialiseScrollableArea(){
objContainer=new ConstructObject('divContainer')
objScroller=new ConstructObject('divContent','divContainer')
objScroller.MoveArea(0,-550)
objContainer.css.visibility='visible'
initialised=true;

Bij et vetgedrukte verander je het
Het archief is een bevroren moment uit een vorige versie van dit forum, met andere regels en andere bazen. Deze posts weerspiegelen op geen enkele manier onze huidige ideeën, waarden of wereldbeelden en zijn op sommige plaatsen gecensureerd wegens ontoelaatbaar. Veel zijn in een andere tijdsgeest gemaakt, al dan niet ironisch - zoals in het ironische subforum Off-Topic - en zouden op dit moment niet meer gepost (mogen) worden. Toch bieden we dit archief nog graag aan als informatiedatabank en naslagwerk. Lees er hier meer over of start een gesprek met anderen.
Terug
Bovenaan