Labs/Extensions2/Examples

From MozillaWiki
< Labs‎ | Extensions2
Revision as of 20:44, 19 January 2009 by Aza (talk | contribs) (New page: <html> <head> <title>Content Filter Extension</title> <!-- TODO: Meta Data --> <script> Ent.Privileges.request( "Modify DOM" ); </script> </head> <body> <script class="exten...)
(diff) ← Older revision | Latest revision (diff) | Newer revision → (diff)
Jump to navigation Jump to search

<html> <head>

 <title>Content Filter Extension</title>
 <script>
   Ent.Privileges.request( "Modify DOM" );
 </script>

</head>

<body>

 <script class="extension">
   Ent.onPageLoad(function( page ){
     jQuery("img", page).css({
       "-moz-transform": "rotate(180deg)"
     })
   });
 </script>

</body> </html>


<html> <head>

 <title>Screen Capture Extension</title>
 <author>
   <name>Aza Raskin</name>
   <email>aza@mozilla.com</email>
 </author>
 <license>MPL</license>
 <script>
   Ent.Privileges.request( "Add to Chrome", "Write File" );  
 </script>  

</head>

<body>

   <img src="myIcon.png"/>
 <script class="extension">
   function captureScreen(){
     win = Ent.getFocusedWindow();
     hiddenWin = Ent.getHiddenWindow();
     var thumbnail = hiddenWin.document.createElementNS(
       "http://www.w3.org/1999/xhtml", "canvas" );
     /* ... */
     ctx.drawWindow(win, win.scrollX, win.scrollY,
                    win.innerWidth, win.innerWidth, "rgb(255,255,255)");
     var data = thumbnail.toDataURL("image/jpeg", "quality=80");
     var f = Ent.Files.open( "thumbnail.jpg", "w" )
     f.write( data );
     f.close();
     
   }
   function captureWebPage(){
     /* capture screen */
   }  
 
   jQuery("#status-bar-icon").click(function(){
     Ent.showContextMenu({
       "Capture screen": captureScreen,
       "Capture web page": captureWebPage,
     });
   });
   
   Ent.Chrome.addToStatusBar( "#status-bar-icon" );
 </script>

</body> </html>