Notifikationer

Markér alle som læst Log ud

angelenglen Nybegynder

27. august 2007 - 12:50 Der er 7 kommentarer og
1 løsning

scroll i to iframes samtidigt

Jeg har to iframes ved siden af hindenden.
Jeg vil gerne have det sådan, at når man scroller i den ene (enten horisontalt eller vertikalt) så følger den anden med.

kan det mon lade sig gøre?

et kort eksempel på opsætning af de to iframes:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=Windows-1252">
<TITLE>Test side</TITLE>
</HEAD>
<BODY>

<TABLE width="100%" height="100%">
<TR height="20">
<TD colspan="2">Test-side</TD>
</TR>
<TR>
<TD>
<IFRAME src="http://www.newz.dk" id="iframe1" name="iframe1" width="100%" height="100%"></IFRAME>
</TD>
<TD>
<IFRAME src="http://www.newz.dk" id="iframe2" name="iframe2" width="100%" height="100%"></IFRAME>
</TD>
</TR>
</TABLE>

</BODY>
</HTML>

Synes godt om

dotcom1 Nybegynder

27. august 2007 - 13:22 #1

Ikke afprøvet, men mon det er noget lignende dette, du søger?: http://www.javascriptsearch.com/tutorials/Beginner/tutorials/frame-scroll3.html

Synes godt om

angelenglen Nybegynder

27. august 2007 - 13:58 #2

hmm jeg kan ikke rigtigt overskue det - desuden ser det ud til at være tiltænkt frames, ikke iframes.

Jeg kan ihvertfald ikke få det til at virke :-(

Synes godt om

olebole Juniormester

27. august 2007 - 15:05 #3

<ole>

Hoveddokumentet:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>TITLE</title>
<style type="text/css">
html, body {
height: 100%;
margin: 0;
padding: 0;
}
</style>
<script type="text/JavaScript">
function doScroll(sName, nX, nY) {
document.frames[sName].scrollTo(nX, nY);
}
</script>
</head>
<body>

<iframe name="bla" src="bla.html" style="width:400px;height:200px"></iframe>
<iframe name="blabla" src="bla2.html" style="width:400px;height:200px"></iframe>

</body>
</html>

-------------------------------------------
bla.html:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>TITLE</title>
<style type="text/css">
html, body {
height: 100%;
margin: 0;
padding: 0;
}
</style>
<script type="text/JavaScript">
var oDocElm = null;
window.onload = function() {
oDocElm = document.documentElement;
window.onscroll = function(){
parent.doScroll("blabla", oDocElm.scrollLeft, oDocElm.scrollTop);
}
}
</script>
</head>
<body>

Top
 
 
 
 
 
Bund

</body>
</html>

-------------------------------------------
bla2.html:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>TITLE</title>
<style type="text/css">
html, body {
height: 100%;
margin: 0;
padding: 0;
}
</style>
<script type="text/JavaScript">
var oDocElm = null;
window.onload = function() {
oDocElm = document.documentElement;
window.onscroll = function(){
parent.doScroll("blabla", oDocElm.scrollLeft, oDocElm.scrollTop);
}
}
</script>
</head>
<body>

Top
 
 
 
 
 
Bund

</body>
</html>

/mvh
</bole>

Synes godt om

olebole Juniormester

27. august 2007 - 15:06 #4

Ups ... i bla2.html skal der stå:
parent.doScroll("bla", oDocElm.scrollLeft, oDocElm.scrollTop);

- ikke "blabla", bare "bla" ;o)

Synes godt om

angelenglen Nybegynder

27. august 2007 - 15:18 #5

hmm det ser ret interessant ud.

Jeg var dog mest ude efter en løsning der ikke krævede scripts på siden der vises i iFrames, men jeg kan nok godt overtales til denne løsning.

-kan det dog passe at det ikke virker i Firefox? Umiddelbart ser det ikke ud til det her ihvertfald.

Synes godt om

olebole Juniormester

27. august 2007 - 17:10 #6

Virker fint i IE, FF og Opera. Du får kun problemer ud af at forsøge at lægge scripts i hoveddokumentet alene ... derfor denne løsning ;o)

Synes godt om

angelenglen Nybegynder

27. august 2007 - 23:34 #7

jeg takker mange gange - det er super kode!

Synes godt om

olebole Juniormester

28. august 2007 - 00:15 #8

Selvtak ... og tak for points ;o)

Synes godt om

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.

Følg dette spørgsmål

Opret Preview

Webudvikling kurser

Vi tilbyder markedets bedste kurser inden for webudvikling

Se alle Webudvikling kurser

Flere spørgsmål fra JavaScript kategorien

Titel	Indlæg	Oprettet	Seneste aktivitet
problem med download i <a href=" " download> tag i JavaScript Af Peer i JavaScript	5	27/04/202620:09	03/05/202613:59
Validering af filnavn i formular Af Strawberry i JavaScript	8	14/04/202610:11	20/04/202611:14
Mangler et JavaScript til htm side med iframe i Joomla5 Af Peder Lund Nielsen i JavaScript	2	03/02/202614:19	04/04/202616:02
Åbne en PDF fil fra en mappe Af mbl i JavaScript	9	18/04/202516:52	22/04/202512:33
Spørgsmål til cookies Af Mads i JavaScript	2	14/02/202511:47	27/06/202514:34

Se alle spørgsmål i kategorien Opret spørgsmål

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

Alle kategorier på Eksperten

Seneste artiklerRSS