Premier contact
Installation de Jetpack depuis jetpack.mozillalabs.com puis "about:jetpack",
onglet "Develop" puis :
jetpack.statusBar.append({
html: "Boom!", width: 45,
onReady: function(widget){
$(widget).click(function(){
jetpack.notifications.show( "Booming!" );
var tab = jetpack.tabs.open('http://www.google.com/'); tab.focus();
tab.onReady(function() { $(jetpack.tabs.focused.contentDocument)
.find("#logo").css({border:"10px solid black"})
.animate({ width: "50%", height: "50%" }); } );
});
}});
"Try it out" ; c'est tout !
Une solution possible
jetpack.statusBar.append({
html: <>
<body><input type="text" id="search" value=""/>
<input type="submit" id="submit" value="search"/></body>
</>,
width: 300,
onReady: function(widget){
$("#submit", widget).click(function(){
var search = $("#search", widget).val();
if (search != '') {
var tab = jetpack.tabs.open('http://www.google.com/search?q=' + search);
tab.focus();
}
});
}
});