automatisch nieuwe pagina
zie hieronder de code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<LINK HREF="style.css" REL="stylesheet" TYPE="text/css">
<title>Untiteled document</title>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.js"></script>
<script src="galleria/galleria-1.2.5.min.js"></script>
<script type="text/javascript" src="tinydropdown.js"></script>
</script>
</head>
<body>
<div class="container">
<div class="header">
<div class="post">
<br>
<a href="index.php"><img src="images/header.png" border=0></a>
</div>
</div>
<div class="nav">
<ul id="menu" class="menu">
<li class="nodiv"><a href="index.php">Home</a></li>
<li class="nodiv"><a href="Test.php">Test</a></li>
<li><span>Test</span>
<ul>
<li><a href="Test.php">Test</a></li>
<li><a href="Test.php">Test</a></li>
</li>
</ul>
</li>
<li><span>Test</span>
<ul>
<li><a href="Test.php">Test</a></li>
<li><a href="Test.php">Test</a></li>
</li>
</ul>
</li>
<li class="nodiv"><a href="Test.php">Test</a></li>
<li><span>Test</span>
<ul>
<li><a href="Test.php">Test</a></li>
<li><a href="Test.php">Test</a></li>
</li>
</ul>
</li>
</ul>
</div>
<script type="text/javascript">
var dropdown=new TINY.dropdown.init("dropdown", {id:'menu', active:'menuhover'});
</script>
<div class="content">
<div class="news_text_container">
<div class="news_text">
<p><h1>Titel</h1></p><br>
<p><h2>Date</h2></p><br>
<p>Text bla bla bla</p><br>
<p><h1>Titel</h1></p><br>
<p><h2>Date</h2></p><br>
<p>Text bla bla bla</p><br>
<p><h1>Titel</h1></p><br>
<p><h2>Date</h2></p><br>
<p>Text bla bla bla</p><br>
</div>
</div>
</div>
<hr noshade size="1" width="850px" align="center">
<div class="footer">
<div class="footer-align">
<p>Copyright all rights reserved 2011</p> </div>
</div>
</div>
</body>
</html>
dus ik dacht dat iemand misschien wist hoe ik de code moet gebruiken op mijn al bestaande document?
Pagination is echter vrij gemakkelijk zelf te doen. Probeer het eens. Loop je vast, dan kun je (hier) altijd om hulp vragen.
Als je wilt dat iemand het gaat maken voor je: plaats een vacature.
Dan had ik nog een ander vraagje, mijn dropdown menu werkt niet in IE (wel in andere browsers dan komen alle sub menu's opeens aan de linker kant te staan..
Weet iemand hoe ik dit kan verhelpen? de site is www.marcelwoudstra.nl
en dit is de js code
var TINY={};
function T$(i){return document.getElementById(i)}
function T$$(e,p){return p.getElementsByTagName(e)}
TINY.dropdown=function(){
var p={fade:1,slide:1,active:0,timeout:200}, init=function(n,o){
for(s in o){p
};
init.prototype.build=function(){
this.h=[]; this.c=[]; this.z=1000;
var s=T$$('ul',T$(p.id)), l=s.length, i=0; p.speed=p.speed?p.speed*.1:.5;
for(i;i<l;i++){
var h=s.parentNode; this.h=h; this.c=s;
h.onmouseover=new Function(p.n+'.show('+i+',1)');
h.onmouseout=new Function(p.n+'.show('+i+')')
}
};
init.prototype.show=function(x,d){
var c=this.c[x], h=this.h[x];
clearInterval(c.t); clearInterval(c.i); c.style.overflow='hidden';
if(d){
if(p.active&&h.className.indexOf(p.active)==-1){h.className+=' '+p.active}
if(p.fade||p.slide){
c.style.display='block';
if(!c.m){
if(p.slide){
c.style.visibility='hidden'; c.m=c.offsetHeight; c.style.height='0'; c.style.visibility=''
}else{
c.m=100; c.style.opacity=0; c.style.filter='alpha(opacity=0)'
}
c.v=0
}
if(p.slide){
if(c.m==c.v){
c.style.overflow='visible'
}else{
c.style.zIndex=this.z; this.z++; c.i=setInterval(function(){slide(c,c.m,1)},20)
}
}else{
c.style.zIndex=this.z; this.z++; c.i=setInterval(function(){slide(c,c.m,1)},20)
}
}else{
c.style.zIndex=this.z; c.style.display='block'
}
}else{
c.t=setTimeout(function(){hide(c,p.fade||p.slide?1:0,h,p.active)},p.timeout)
}
};
function hide(c,t,h,s){
if(s){h.className=h.className.replace(s,'')}
if(t){c.i=setInterval(function(){slide(c,0,-1)},20)}else{c.style.display='none'}
}
function slide(c,t,d){
if(c.v==t){
clearInterval(c.i); c.i=0;
if(d==1){
if(p.fade){c.style.filter=''; c.style.opacity=1}
c.style.overflow='visible'
}
}else{
c.v=(t-Math.floor(Math.abs(t-c.v)*p.speed)*d);
if(p.slide){c.style.height=c.v+'px'}
if(p.fade){var o=c.v/c.m; c.style.opacity=o; c.style.filter='alpha(opacity='+(o*100)+')'}
}
}
return{init:init}
}();
maar ik wil dat hij alleen de eerste 3 en de laatste 3 laat zien en de rest gewoon "..." zodat de pagina niet zo vol komt te staan.
Is er iemand die weet hoe ik dit kan toevoegen?
Hier is de code
<script type="text/javascript">
var pager = new Imtech.Pager();
$(document).ready(function() {
pager.paragraphsPerPage = 15; // set amount elements per page
pager.pagingContainer = $('#content'); // set of main container
pager.paragraphs = $('div.z', pager.pagingContainer); // set of required containers
pager.showPage(1);
});
</script>