Welcome Guest ( Log In | Register )

Outline · [ Standard ] · Linear+

HTML managing static website with 100 or more pages, and no CMS

views
     
AmpBuster
post Dec 16 2010, 04:36 PM

Getting Started
**
Junior Member
145 posts

Joined: Jul 2005
From: Johor Bahru, Johor, Malaysia


Something like that?

index.html
CODE
<html>
 <head>
   <script type='text/javascript' src='/test/js/jquery-1.4.4.min.js'></script>
   <script type='text/javascript' src='/test/js/jquery-ui-1.8.7.custom.min.js'></script>
   <script type='text/javascript' src='/test/js/common.js'></script>
   <style type='text/css'>
     @import url(/test/css/ui-lightness/jquery-ui-1.8.7.custom.css);
   </style>
 </head>
 <body>
   <div style='margin-left:200px;height:1200px;border:1px solid black'>page 1</div>
 </body>
</html>


common.js
CODE
var pages=[{
   url:'/test/test/page1.html',
   name:'Page 1'
},{
   url:'/test/test/page2.html',
   name:'Page 2'
},{
   url:'/test/test/page3.html',
   name:'Page 3'          
}];
$(function(){
 var menu=$("<div id='test'></div>").appendTo("body").css({position:'absolute',width:200,border:'1px solid black'});
 $(pages).each(function(){
   $(menu).append("<div><a href='"+this.url+"'>"+this.name+"</a></div>");
 });
 //float?
 //$(menu).css({top:$(window).height()/2-$(menu).height()/2,left:0});
 $(menu).css({top:8,left:5});
});


http://crayeo.com/test/test.html



 

Change to:
| Lo-Fi Version
0.0152sec    0.31    6 queries    GZIP Disabled
Time is now: 5th December 2025 - 06:38 PM