Avatar billede flashnoob Nybegynder
01. oktober 2005 - 21:43 Der er 6 kommentarer og
1 løsning

Hjælp til at skrive endnu et simpelt script om.

Hej.. Jeg har prøvet i DHTML sektionen, men der har ingen svaret på mit spørgsmål. Derfor tror jeg det er her jeg skal spørge. Jeg har fundet et gammelt spørgsmål hvor olebole har givet en javascript løsning. Det handler om at få en iframe til at scrolle til samme position efter et klik på et link inde i framen. olebole's svar ser således ud:

Dokumentet med iframe (eller frameset):
<html>
<head>
<script type="text/JavaScript">
var frTop = false;
function doScroll( w ) {
    if ( frTop ) {
        w.scrollTo( 0, frTop );
        frTop = false;
    }
}
</script>
</head>
<body>

<iframe src="anker_test.html" style="width:500px;height:400px;"></iframe>

</body>
</html>

Dokumentet i frame'en:
<html>
<head>
<script type="text/JavaScript">
var d=document;
function getTop() {
    top.frTop = (d.all)? d.body.scrollTop : window.pageYOffset;
}
window.onload = function() {
    top.doScroll(window);
}
</script>
</head>
<body>
<br><br><br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br><br><br>
<form onsubmit="getTop();">
<button type="submit">TEST</button>
</form>
<br><br><br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br><br><br>
</body>
</html>


Mit spørsmål: Er der en der kan hjælpe mig med at skrive scriptet om så det virker på en frame der scroller horisontalt?
Avatar billede udvikler Nybegynder
01. oktober 2005 - 21:53 #1
Har intet forstand på javascript, men efter at have læst lidt, har jeg forsøgt mig :)

<html>

<head>
<script type="text/JavaScript">
var frTop = false;
function doScroll( h ) {
    if ( frTop ) {
        h.scrollTo( 0, frTop );
        frTop = false;
    }
}
</script>
</head>

<body>
<iframe src="anker_test.html" style="width:500px;height:400px;"></iframe>

</body>
</html>

Dokumentet i frame'en:
<html>
<head>
<script type="text/JavaScript">
var d=document;
function getTop() {
    top.frTop = (d.all)? d.body.scrollTop : window.pageXOffset;
}
window.onload = function() {
    top.doScroll(window);
}
</script>
</head>
<body>
<br><br><br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br><br><br>
<form onsubmit="getTop();">
<button type="submit">TEST</button>
</form>
<br><br><br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br><br><br>
</body>
</html>
Avatar billede flashnoob Nybegynder
01. oktober 2005 - 21:59 #2
Aco - Det virker desværre ikke. Har allerede prøvet med window.pageXOffset og meget andet, men siden ryger alle mulige andre steder hen end til der hvor jeg vil ha' den.
Avatar billede udvikler Nybegynder
01. oktober 2005 - 22:00 #3
Helt iorden, vidste som sagt intet om javascript ville bare lige prøve at hjælpe :-)
Avatar billede flashnoob Nybegynder
01. oktober 2005 - 22:04 #4
Bare i orden..du skal ha' tak for indsatsen :)
Avatar billede roenving Novice
02. oktober 2005 - 11:13 #5
-- alle tilfælde der refererer til top eller lodret skal jo ændres til at referere til left eller vandret, så det kunne vel være:

<html>
<head>
<script type="text/JavaScript">
var frLeft = false;
function doScroll( w ) {
    if ( frLeft ) {
        w.scrollTo( frLeft, 0 );
        frLeft = false;
    }
}
</script>
</head>
<body>

<iframe src="anker_test.html" style="width:500px;height:400px;"></iframe>

</body>
</html>

Dokumentet i frame'en:
<html>
<head>
<script type="text/JavaScript">
var d=document;
function getLeft() {
    top.frLeft = (d.all)? d.body.scrollLeft : window.pageXOffset;
}
window.onload = function() {
    top.doScroll(window);
}
</script>
</head>
<body>
<br><br><br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br><br><br>
<form onsubmit="getLeft();">
<button type="submit">TEST</button>
</form>
<br><br><br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br><br><br>
</body>
</html>
Avatar billede flashnoob Nybegynder
02. oktober 2005 - 14:04 #6
roenving -> Det virker heller ikke.
Men nu svarede du på mit spørgsmål i DHTML kategorien ( http://www.eksperten.dk/spm/652497 ) Hvor det virker. Det var enten denne løsning eller den anden.
Vil I have lidt points for at prøve eller, skal jeg bare nuppe dem alle selv :)
Avatar billede flashnoob Nybegynder
01. maj 2006 - 23:17 #7
Så lukker jeg... :)
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester