2012-08-23 17:11:02 -07:00
|
|
|
<html>
|
|
|
|
|
<head>
|
|
|
|
|
<meta charset="utf-8">
|
|
|
|
|
<script>
|
|
|
|
|
function pingWorker() {
|
|
|
|
|
var port = navigator.mozSocial.getWorker().port;
|
|
|
|
|
port.postMessage({topic: "flyout-message", result: "ok"});
|
|
|
|
|
}
|
|
|
|
|
window.addEventListener("socialFrameShow", function(e) {
|
|
|
|
|
var port = navigator.mozSocial.getWorker().port;
|
|
|
|
|
port.postMessage({topic: "flyout-visibility", result: "shown"});
|
|
|
|
|
}, false);
|
|
|
|
|
window.addEventListener("socialFrameHide", function(e) {
|
|
|
|
|
var port = navigator.mozSocial.getWorker().port;
|
|
|
|
|
port.postMessage({topic: "flyout-visibility", result: "hidden"});
|
|
|
|
|
}, false);
|
2012-09-25 23:22:38 -07:00
|
|
|
window.addEventListener("socialTest-MakeWider", function(e) {
|
|
|
|
|
document.body.setAttribute("style", "width: 500px;");
|
|
|
|
|
document.body.offsetWidth; // force a layout flush
|
|
|
|
|
var evt = document.createEvent("CustomEvent");
|
|
|
|
|
evt.initCustomEvent("SocialTest-DoneMakeWider", true, true, {});
|
|
|
|
|
document.documentElement.dispatchEvent(evt);
|
|
|
|
|
}, false);
|
2012-10-02 00:57:20 -07:00
|
|
|
window.addEventListener("socialTest-CloseSelf", function(e) {
|
|
|
|
|
window.close();
|
|
|
|
|
var evt = document.createEvent("CustomEvent");
|
|
|
|
|
evt.initCustomEvent("SocialTest-DoneCloseSelf", true, true, {});
|
|
|
|
|
document.documentElement.dispatchEvent(evt);
|
|
|
|
|
}, false);
|
2012-08-23 17:11:02 -07:00
|
|
|
</script>
|
|
|
|
|
</head>
|
2012-09-25 23:22:38 -07:00
|
|
|
<body style="max-width: 250px;" onload="pingWorker();">
|
2012-08-23 17:11:02 -07:00
|
|
|
<p>This is a test social flyout panel.</p>
|
2012-10-15 23:58:13 -07:00
|
|
|
<a id="traversal" href="http://mochi.test">test link</a>
|
2012-08-23 17:11:02 -07:00
|
|
|
</body>
|
|
|
|
|
</html>
|
2012-10-15 23:58:13 -07:00
|
|
|
|
