I while ago I posted information about a project that aimed to change the way web pages were written by separating out document structure from the content of the document.
I've renamed the project to Merge on Browse (MOB)HTML as it uses AJAX to treat the document structure of web page as static content, like an image. And it's the browser that pulls this document structure separately and merges it with data encoded within the original served page. Simply put this enables web applications to be written so that the GUI can be skinned without changing the underlying business logic, reduces dependencies on GUI builders vs. application coders, has potential to allow rendering into other forms such as PDF, n and brings efficiency improvements to the server side. (MOB)HTML is cross platform and works on Windows and MAC on Internet Explorer, Firefox , Opera, Safari and Minimo. (MOB)HTML can be found here: http://www.paglis.co.uk/(MOB)HTML/index.html Now that the prototype is running I'm looking to set up a project on Improving (MOB)HTML whose controversial aim it is to make (MOB)HTML the standard for writing web pages. Sunil Vanmullem A MOB page looks like this: <html> <body> <link href="stylesheet.css" rel="stylesheet" type="text/css"> <div id="MOB" style="display:none"> <div id="MOB.noCSS"> Sorry, this page requires a browser that supports CSS in order to function properly. <br> </div> <div id="MOB.Template">index-t.html</div> <div id="MOB.Static">index.props</div> <div id="MOB.WriteTo">MOB_OUT</div> <div id="MOB.StyleSheet">stylesheet.css</div> <div id="MOB.mergedelim.begin">[[</div> <div id="MOB.mergedelim.end">]]</div> <div id="welcome.blurb"></div> <div id="param2"></div> <div id="param3"></div> </div> <DIV id=MOB_OUT></div> <script language="JavaScript" src="common.js"></script> <script language="JavaScript" src="mob.js"></script> <script language="javascript"> var oMOB = new MOB(); oMOB.main(); </script> </html> And Heres a breakdown of what each part does <link href="stylesheet.css" rel="stylesheet" type="text/css"> <script src=></script> * a reference to the javascript and stylesheets that the rendered * HTML page needs as I couldn't see a cross browser way to acheieve this <div id="MOB" style="display:none"> * configuration data within a hidden DIV <div id="MOB.noCSS"> Sorry, this page requires a browser that supports CSS </div> * currently displayed if the target browser doesn't * support CSS. Though works needs * to be done to redirect to server side rendering * of MOB pages in this instance <div id="MOB.Template">index-t.html</div> * identifies the file that contains the document structure <div id="MOB.Static">index.props</div> * identifies any static content that needs to be merged * into the structure. * e.g. a different language could have different static content <div id="MOB.WriteTo">MOB_OUT</div> * identifies where the merged/rendered output should be written. <div id="MOB.StyleSheet">stylesheet.css</div> * a reference to the stylesheets that the rendered page needs <div id="MOB.mergedelim.begin">[[</div> * used to identify the start of a delimited merge field * in the template file above. <div id="MOB.mergedelim.end">]]</div> * used to identify the end of a delimited merge field in * the template file above. <div id="welcome.blurb"></div> <div id="param2"></div> <div id="param3"></div> * example of dynamic content keyed on DIV ID that will be * merged into the template </div> <DIV id=MOB_OUT></div> * the DIV to which the merged content will be written - * as defined above in MOB.WriteTo <script language="JavaScript" src="common.js"></script> <script language="JavaScript" src="mob.js"></script> <script language="javascript"> var oMOB = new MOB(); oMOB.main(); </script> * * javascript code to run (MOB)HTML * </html> -- Suppose I should get my coat then.
