Team:Groningen/Layout Ideas


 * Spelling notebook
 * Scroll down menu
 * Protocollen pagina
 * Tab voor de judges is wel handig met daarin een "afstreeplijst" voor gold met daarbij per eis die vervult is de link naar het bewijs.
 * Notebook opmaak op de wiki van leuven http://2009.igem.org/Team:KULeuven/17_July_2009 ziet er leuk en handig uit.
 * Banner maken met foto's Die faden en zo alle facetten van ons team laten zien.

voorbeeld: http://www.professorfrancken.nl/
 * This could make it slower to navigate the pages, and/or drain my battery :) --Jaspervdg 15:56, 20 June 2009 (UTC)

"Paden" door de Wiki die de lezer op een logische manier door onze documenten leiden. Eventueel zouden we zijpaden kunnen maken voor meer detail. Denk bijv. ook aan de rode/gele paden in bossen en op eilanden. (Zo van, volg de gele paaltjes.) Kun je gelijk een mooie "sitemap" maken.

We could use JavaScript and the Wiki's API to create a menu and/or sitemap based on categories (this hierarchy is created dynamically using JavaScript):   dojo.require("dojo.io.script"); dojo.require("dojox.rpc.Service"); dojo.addOnLoad(onLoadCallback);

var svc; var pageList = document.getElementById('pageList'); var wikismd = { "SMDVersion": "2.0", "id": "http://2009.igem.org/wiki/api.php", "description": "iGEM Wiki API", transport: "JSONP", envelope: "URL", additionalParameters: true, target: "http://2009.igem.org/wiki/api.php", parameters: [ { name: "format", optional: false, "default": "json" } ],   services: { query: { parameters: [ { name: "action", type: "string", "default": "parse" } ]       }    } }

function onLoadCallback { svc = new dojox.rpc.Service(wikismd); fillPageList(pageList, "Category:Team:Groningen"); }

function fillPageList(list, pageTitle) { svc.query({       action: "query",        list: "categorymembers",        cmtitle: pageTitle    }).addCallback(function(results){ createPageList(pageTitle,list,results); }); }

function createPageList(pageTitle, list, results) { var members = results.query.categorymembers; for(var i=0; i<members.length; i++) { var fulltitle = members[i].title; if (members[i].ns == 14) { var pathElements = fulltitle.split('/'); var subpage = pathElements.pop; var li = document.createElement("li"); li.innerHTML = subpage.link("/" + fulltitle); list.appendChild(li);

var ul = document.createElement("ul"); list.appendChild(ul); fillPageList(ul, fulltitle); } else { var li = document.createElement("li"); li.innerHTML = fulltitle.link("/" + fulltitle); list.appendChild(li); } }  if (results['query-continue']) { svc.query({         action: "query",          list: "categorymembers",          cmtitle: pageTitle,          cmcontinue: results['query-continue'].categorymembers.cmcontinue      }).addCallback(function(r){ createPageList(pageTitle,list,r); }); } }