Note: This page documents the Jetpack Prototype, which is no longer under active development. Read the experiment report for what we learned from it and the blog post announcing the first SDK release for what we're up to next!
Bits of code that may come in handy. Feel free to add your own!
Using firebug lite in a slidebar
jetpack.future.import("slideBar");
jetpack.slideBar.append({
html: <html><head></head><body>
<p>some slidbar you want to debug</p>
<a href="javascript:console.log('hello!')">test</a>
<script><![CDATA[
//firebug lite bookmarklet code:
var firebug=document.createElement('script');
firebug.setAttribute('src','https://getfirebug.com/releases/lite/1.2/firebug-lite-compressed.js');
document.body.appendChild(firebug);
(function(){if(window.firebug.version){firebug.init();}else{setTimeout(arguments.callee);}})();void(firebug);
]]></script>
</body></html>,
width: 800, //wide enough to use firebug
onSelect: function(slide) {
slide.slide(800, true);
}
});
Calling into a slidebar from the global jetpack scope
jetpack.slideBar.append({
onReady: function (slide) {// call out to a global function, passing the slidebar object
exInitSlidebar(slide);
},
...});function exInitSlidebar(aSlidebar) {// This variable will now be global
slider = aSlidebar;
}
// then, accessing the slidebar HTMLvar tl = slider.contentDocument.getElementById("thumbList");// or calling slidebar API methods or accessing propertiesslider.notify();