| Initialize page function init () { var ary = Jsontoarray (XMLReader ("Node", "Content.dibi")); var Divtoc = document.getElementById ("Div_toc"); PageCount = Ary.length; for (k = 0; k < ary.length; k++) { obj = eval (' (' + ary[k] + ') '); divtoc.innerhtml + = "<a href=" javascript:changeimage ("+ obj.page.substring (obj.page.length-1) +") ' > ' + Obj.label + "</a> "; } page = 1; Changeimage (page); var PageManager = document.getElementById ("Div_page"); pagemanager.innerhtml = "<a href= ' javascript:changepage (0) ' > previous page </a> " + "<a href= ' javascript:changepage (1) ' > next page </a><br/ ><br/> "; var ary2 = Jsontoarray (XMLReader ("meta", "Content.dibi")); var Divmeta = document.getElementById ("Div_meta"); var stystr = "<table>" for (l = 0; l < ary2.length l++) { Obj2 = eval (' + ary2[l] + '); Stystr + + "<tr><td>" + obj2.name + "</td><td>" + obj2.content + "</td></tr>"; } divmeta.innerhtml = stystr + "</table>"; } Resolves. dibi files. function XMLReader (key,filename) { var parse = Browservalidator (); Parse.load (FileName); var json = ""; try{ var dom = parse.documentelement; var attrlength = 0; for (i = 0; i < Dom.getelementsbytagname (key). length; i++) { Attrlength = Dom.getelementsbytagname (key) [I].attributes.length; Objmsg = ", {"; for (j = 0; J < Attrlength; J + +) { Objmsg + = "" + dom.getelementsbytagname (key) [I].attributes[j].name + "': '" + dom.getelementsbytagname (key) [I].attributes[j].value + "',"; } objmsg = objmsg.substring (0,objmsg.length-1); JSON + + objmsg + "}"; } JSON = json.substring (1); }catch (e) {} return JSON; } Determines the browser type. Support IE, FireFox. function Browservalidator () { var result; if (!window. Domparser && windows. ActiveXObject) { result = new ActiveXObject ("Microsoft.XMLDOM"); Result.async = false; } else if (document.implementation && document.implementation.createDocument) { result = Document.implementation.createDocument ("", "", null); Result.async = false; } return result; } var page = 1; Current page var PageCount; Total pages Click to change the page picture function Changeimage (Page1) { page = Page1; var divimg = document.getElementById ("div_img"); divimg.innerhtml = "} Prev Page and Next page function Changepage (flag) { if (flag = = 0 && page > 1) { page--; } if (flag = = 1 && page < PageCount) { page++; } Changeimage (page); } Convert JSON data to an array function Jsontoarray (JSON) { Return Json.replace (New RegExp ("},", "G"), "}|"). Split ("|"); } Html |