";
          if(typeof useValue != "function") {
          useValue=useValue
           .replace(/\/g, ">");
          }
          postprint="

"; } notObjects.push({"property":prop, "type": typeof useValue, "value": preprint + useValue + postprint}); } } var scs = stubCollapsibleSet(objString, objects); while(true) { var readyYet = scs.next()["value"]; if( readyYet === false) yield false; else break; } var stubs = scs.next()["value"]; var ul = document.createElement("ul"); ul.dataset["role"] = "listview"; ul.dataset["autodividers"] =true; ul.dataset["theme"] ="a"; ul.dataset["dividerTheme"] ="b"; for(var no in notObjects) { var li = document.createElement("li"); var useType = notObjects[no]["type"]; var useProperty = notObjects[no]["property"] useValue = notObjects[no]["value"]; if(useType=="string" & useValue=="") { useValue = "{ empty string }"; } li.innerHTML=icons[useType] + " " + useProperty + ": " + useValue; ul.appendChild(li); } el.appendChild(stubs); el.appendChild(ul); } yield true; yield el; } function* breatheRetrieve(objList) { var myIterable = objList; var myProgress = 0; var myLen = myIterable.length; var myChunkSize = myLen; if(myLen > 100 & myLen < 500) { // arbitrary myChunkSize = Math.floor(myLen / 6); } else if(myLen > 500) { myChunkSize = Math.floor(myLen / 14); } var myGotSoFar = 0; var myReturn = new Array(); for(var o in myIterable) { myReturn.push(myIterable[o]); if(++myGotSoFar == myChunkSize) { myProgress += myGotSoFar; var obj = {'progress': Math.floor(myProgress/myLen*100), 'chunk' : myReturn, 'done':myProgress==myLen}; // TODO: check 1off if(obj.progress == 100) return obj else yield obj; myGotSoFar=0; myReturn = new Array(); } } return {'progress': 100, 'chunk' : myReturn, 'done':true}; } function* stubCollapsibleSet(parentNode, objList) { var el=document.createElement("div"); el.dataset["role"]="collapsibleset"; el.dataset["theme"]="a"; el.dataset["inset"]="true"; // too wide otherwise fhj el.dataset["mini"]="true"; var yieldForEvents; var niceGetter = breatheRetrieve(objList); while(true) { var nicelyGot = niceGetter.next()['value']; var objList2 = nicelyGot.chunk; for(var o in objList2) { // nicelyGot["value"]) var stub=document.createElement("div"); stub.dataset["role"]="collapsible"; if(objList2[o]["value"]===null) { stub.dataset["collapsedIcon"]="forbidden"; stub.dataset["expandedIcon"]="alert"; stub.dataset["theme"]="b"; stub.dataset["disabled"] ="true"; } else { stub.className="stub"; // tappable } if(objList2[o]["property"].indexOf("[")==0) { stub.dataset["myObject"]=parentNode + objList2[o]["property"]; } else { stub.dataset["myObject"]=parentNode + "." + objList2[o]["property"]; } var elTitle=document.createElement("h2"); elTitle.innerHTML = objList2[o]["icon"] + " " + objList2[o]["property"] + ": " + objList2[o]["value"]; stub.appendChild(elTitle); el.appendChild(stub); } if(!nicelyGot.done == true) { toast(toastStr(nicelyGot.progress)); yield false; } else { //toast("Working... 100%");//won't show yield true; break; } } yield el; return false; } var __asyncCC, __asyncCallback; function asyncBuildCollapsible(startingWith, callback) { var readyYet = false; // re-entry? if(typeof startingWith == "undefined") { readyYet = __asyncCC.next()["value"]; } else { __asyncCC = createCollapsible(startingWith); __asyncCallback = callback; } if(readyYet !== false) { var q=__asyncCC.next()["value"]; var el=document.createElement("div"); el.dataset["role"]="collapsibleset"; el.dataset["theme"]="a"; el.dataset["inset"]="true"; el.dataset["mini"]="true"; el.appendChild(q); // createCollapsible(objString)); if(__vibrateOnFinish && navigator.vibrate) try{ navigator.vibrate(42); } catch(err) { // can't catch or cancel the security error at the moment // either tap the window once before it finishes loading // or I'll add a button to enable haptic when I get a moment } eval(__asyncCallback +"(el)"); } else { setTimeout(asyncBuildCollapsible, 100); } } var __stubSwap=""; function swapInChild(el) { $(__stubSwap).replaceWith(el); $(__stubSwap).collapsible(); $("#rootDelegator").collapsibleset("refresh"); } function doEval() { eval( evalInput .value ) } function rootIsBuilt(el) { $("body div").remove(); // mobile init puts this in the way var evalBlock = document.createElement("div"); evalInput = document.createElement("input"); var evalBtn = document.createElement('button'); evalInput = document.createElement("input"); evalInput.id = "evalInput"; evalBtn.innerHTML="evaluate"; evalBtn.onclick=function(){doEval();} evalBlock.appendChild(evalInput); evalBlock.appendChild(evalBtn); el.id="rootDelegator"; var hint="Try: clientInformation... navigator ... document ...
You should use vs. window.document.all"; $("body").html(hint).append(evalBlock).append(el); $(el).collapsibleset(); // ensure it stacks up $("#rootDelegator").on("tap", ".stub", function() { __stubSwap = this; var myObj = $(__stubSwap).data("myObject"); asyncBuildCollapsible(myObj, 'swapInChild'); }); } function loadWDA(){ asyncBuildCollapsible("window.document.all", 'rootIsBuilt'); } function go() { asyncBuildCollapsible(__topElement, 'rootIsBuilt'); } //github source...will link/find this again var toast = function(msg) { $("

"+msg+"

") .css({ display: "block", opacity: 0.80, backgroundColor: 'lightblue', position: "fixed", padding: "7px", "text-align": "center", width: "270px", left: ($(window).width() - 284)/2, top: $(window).scrollTop() + 50 }) .appendTo( $.mobile.pageContainer ).delay( 900 ) .fadeOut( 300, function(){ $(this).remove(); }); }

Browser/DOM inspector