Scrollen

Status
Niet open voor verdere reacties.
K

kappel

Terugkerende gebruiker
Lid geworden
21 mrt 2005
Berichten
1.399
Ik wil door een bestandje scrollen terwijl de rest van de pagina stil blijft staan. Ik kan er in het boek niets over vinden.
 
iframe?

Of wat moet ik onder 'bestandje' verstaan?

HTML: 
<html> 
<head> 
 <title>Paginaatje</title>
 <style type="text/css">
 .eigen {
   border: 1px solid #000;
   background: #FFCC99;
   padding: 10px;
 }
 </style>
</head> 
<body>
 <div class="eigen"> 
  Dit blijft stil staan
 </div>
 <iframe width="100%" height="80%" src="http://www.helpmij.nl">Uw browser ondersteunt geen frames</iframe>
<div class="eigen">
Dit ook</div>
</body> 
</html>
Zoiets?
 
Op de pagina met header staat ook een lijst met teams, deze is lang en ik wil graag naar omlaag scrollen terwijl de rest zichtbaar blijft.

Zie: www.w-o-c.nl Teamen en dan Samenstelling Teams
 
Dan zet je in <div class="eigen"> toch de header en haal je hem uit de huidige pagina.

Vervolgens laad je deze pagina in het iframe...
 
Tha Devil zei:
Dan zet je in <div class="eigen"> toch de header en haal je hem uit de huidige pagina.

Vervolgens laad je deze pagina in het iframe...
Klik om te vergroten...

Ik ga het proberen maar zal er wel op terug komen (beginneling en 65+)
Bedankt zover, Nico
 
samenstellingTeams.htm
HTML: 
<head> 
<!--YELLOWTRACKER SCRIPTCODE START-->
<!--
// Het wijzigen van deze code is niet toegestaan en zal uw account definitief blokkeren!
// Account ID : 377890
// Website URL: http://home.quicknet.nl/qn/prive/n.vanderzel/index.htm
// Copyright (C) 2002-2006 YellowTracker.com All Rights Reserved
-->

<meta http-equiv="Content-Language" content="nl"> 
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252"> 

<title>Over de W-O-C</title> 
<style> 
<!-- 
.ms-color1-main { border: 1.5pt solid teal } 
.ms-color1-tl { font-weight: bold; color: white; border-style: none; background-color: black } 
.ms-color1-top { font-weight: bold; color: white; border-style: none; background-color: black } 
--> 
</style> 
<style fprolloverstyle>A:hover {color: #FF0000; text-decoration: underline; font-weight: bold}
</style>
<script language="JavaScript">
<!--
function FP_swapImg() {//v1.0
 var doc=document,args=arguments,elm,n; doc.$imgSwaps=new Array(); for(n=2; n<args.length;
 n+=2) { elm=FP_getObjectByID(args[n]); if(elm) { doc.$imgSwaps[doc.$imgSwaps.length]=elm;
 elm.$src=elm.src; elm.src=args[n+1]; } }
}

function FP_preloadImgs() {//v1.0
 var d=document,a=arguments; if(!d.FP_imgs) d.FP_imgs=new Array();
 for(var i=0; i<a.length; i++) { d.FP_imgs[i]=new Image; d.FP_imgs[i].src=a[i]; }
}

function FP_getObjectByID(id,o) {//v1.0
 var c,el,els,f,m,n; if(!o)o=document; if(o.getElementById) el=o.getElementById(id);
 else if(o.layers) c=o.layers; else if(o.all) el=o.all[id]; if(el) return el;
 if(o.id==id || o.name==id) return o; if(o.childNodes) c=o.childNodes; if(c)
 for(n=0; n<c.length; n++) { el=FP_getObjectByID(id,c[n]); if(el) return el; }
 f=o.forms; if(f) for(n=0; n<f.length; n++) { els=f[n].elements;
 for(m=0; m<els.length; m++){ el=FP_getObjectByID(id,els[n]); if(el) return el; } }
 return null;
}
// -->
</script>
</head> 
<body style="background-attachment: fixed; text-align:center" marginwidth="80" marginheight="80" onload="FP_preloadImgs(/*url*/'images/button91.jpg',/*url*/'images/button90.jpg')" bgcolor="#FFFFCC"> 

<hr>
<h6 align="center"><u><font size="6" face="Arial">
<img border="0" src="OudLeuk.jpg" width="115" height="74" align="right"><img border="0" src="OudLeuk.jpg" width="106" height="74" align="left">Westfriese 
Ouderen Club<br>
</font><font face="Arial">
<br>
</font><b><font face="Arial" size="3">Samenstelling Teams</font></b></u></h6>

<hr> 



<div align="center"> 
	<a href="teamen.htm">
			<img border="0" id="img1" src="images/button92.jpg" height="20" width="100" alt="Terug" onmouseover="FP_swapImg(1,0,/*id*/'img1',/*url*/'images/button90.jpg')" onmouseout="FP_swapImg(0,0,/*id*/'img1',/*url*/'images/button92.jpg')" onmousedown="FP_swapImg(1,0,/*id*/'img1',/*url*/'images/button91.jpg')" onmouseup="FP_swapImg(0,0,/*id*/'img1',/*url*/'images/button90.jpg')" fp-style="fp-btn: Linked Row 2; fp-orig: 0" fp-title="Terug" align="left"></a><table border="0" width="54%" id="table6">
		<tr>
			<td>
			<h3 align="left">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <a href="teamleiders.htm">
			<font color="#000080">Adressen Teamleiders</font></a></h3>
			</td>
		</tr>
	</table>
	</div>
<iframe name="frame" height="80%" width="100%" src="samenstellingTeams_frame.htm">U browser ondersteunt geen frames</iframe>
</body>
</html>
samenstellingTeams_frame.htm (LET OP: NIEUWE PAGINA)
HTML: 
<html>
<head> 
<meta http-equiv="Content-Language" content="nl"> 
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252"> 

<title>Teams</title> 
<style> 
<!-- 
.ms-color1-main { border: 1.5pt solid teal } 
.ms-color1-tl { font-weight: bold; color: white; border-style: none; background-color: black } 
.ms-color1-top { font-weight: bold; color: white; border-style: none; background-color: black } 
--> 
</style> 
<style fprolloverstyle>A:hover {color: #FF0000; text-decoration: underline; font-weight: bold}
</style>
<script language="JavaScript">
<!--
function FP_swapImg() {//v1.0
 var doc=document,args=arguments,elm,n; doc.$imgSwaps=new Array(); for(n=2; n<args.length;
 n+=2) { elm=FP_getObjectByID(args[n]); if(elm) { doc.$imgSwaps[doc.$imgSwaps.length]=elm;
 elm.$src=elm.src; elm.src=args[n+1]; } }
}

function FP_preloadImgs() {//v1.0
 var d=document,a=arguments; if(!d.FP_imgs) d.FP_imgs=new Array();
 for(var i=0; i<a.length; i++) { d.FP_imgs[i]=new Image; d.FP_imgs[i].src=a[i]; }
}

function FP_getObjectByID(id,o) {//v1.0
 var c,el,els,f,m,n; if(!o)o=document; if(o.getElementById) el=o.getElementById(id);
 else if(o.layers) c=o.layers; else if(o.all) el=o.all[id]; if(el) return el;
 if(o.id==id || o.name==id) return o; if(o.childNodes) c=o.childNodes; if(c)
 for(n=0; n<c.length; n++) { el=FP_getObjectByID(id,c[n]); if(el) return el; }
 f=o.forms; if(f) for(n=0; n<f.length; n++) { els=f[n].elements;
 for(m=0; m<els.length; m++){ el=FP_getObjectByID(id,els[n]); if(el) return el; } }
 return null;
}
// -->
</script>
</head> 
<body style="background-attachment: fixed; text-align:center" marginwidth="80" marginheight="80" onload="FP_preloadImgs(/*url*/'images/button91.jpg',/*url*/'images/button90.jpg')" bgcolor="#FFFFCC"> 

<div align="center">
<!-- Tot aan het einde van de pagina -->
Zoiets moet het volgens mij worden :)
 
Laatst bewerkt:
Ik ben voorzichtig wat aan het plakken geweest maar dit gaat (nog) boven mijn pet.
www.w-o-c.nl In het blad "toeschouwer" heb ik een toets gezet die naar Uw kode gaat.
Dit zal niet direct opvallen voor buitenstaanders. Is er een boek aan te bevelen waar dit instaat? Tot zoverre in ieder geval dank...
(mag ik niet in de code experimenteren?)
Gr. Nico
 
Ik ben er uit en achteraf vrij simpel, bestandje importeren, dan inframe invoegen en daar het bestandje inzetten. Allen bedankt
 
Status
Niet open voor verdere reacties.
                    Steun ons                    

Nieuwste berichten

Terug
Bovenaan Onderaan