Deliverable 2

A Simple Fire Fox Extension

Deliverable: Making a simple fire fox extension.

With a Status bar "Hello,World" message display.

Adding a "hello-menu" menu pop up with menu items labeled and when clicked gives alert messages.

Adding a new menu pop up to the tools menu after a particular menu item and to have separator line.

Screen Shots

Fire Fox Extension

Fire Fox Extension

1.Install.rdf

<?xml version="1.0"?>

<RDF xmlns="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
     xmlns:em="http://www.mozilla.org/2004/em-rdf#">

  <Description about="urn:mozilla:install-manifest">
    <em:id>sampletest@example.com</em:id>
    <em:version>1.0</em:version>
    <em:type>2</em:type>
   
    <!-- Target Application this extension can install into, 
         with minimum and maximum supported versions. --> 
    <em:targetApplication>
      <Description>
        <em:id>{ec8030f7-c20a-464f-9b0e-13a3a9e97384}</em:id>
        <em:minVersion>1.5</em:minVersion>
        <em:maxVersion>3.6.*</em:maxVersion>
      </Description>
    </em:targetApplication>
   
    <!-- Front End MetaData -->
    <em:name>Hello</em:name>
    <em:creator>Tester</em:creator>
    <em:description>hello world extension.</em:description>
    <em:homepageURL>http://www.mozilla.org/</em:homepageURL>

  </Description>      
</RDF>

2.Chrome manifest

content     sample    chrome/content/
overlay chrome://browser/content/browser.xul chrome://sample/content/sample.xul

3.XUL Code Block

<?xml version="1.0"?>



<overlay id="sample" 
         xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">

         
<script type="application/x-javascript"
    src="chrome://sample/content/sample.js" />
    
         
 <statusbar id="status-bar">
  <statusbarpanel id="my-panel" label="Hello, World"  />
 </statusbar>
 
 <menubar id="main-menubar">
    <menu id="hello-menu" label="Hello-World!" insertafter="helpMenu">
       <menupopup>
           <menuitem label="Hello!" oncommand="window.alert('Hello Keerthi');" />
           <menuitem label="World!" oncommand="window.alert('Its Keerthis World');" />
           <menuitem label="Day!" tooltiptext="" oncommand="window.alert('Have A Wonderful Day in This World');" />
           <menuseparator/>
           <menuitem label="ToDay!" tooltiptext="" oncommand="window.alert('Today Is  '+displayDay());" />
           <menuitem label="Time!" tooltiptext="" oncommand="window.alert('Time Now '+displayTime());" />
       </menupopup>
     </menu>
    </menubar>
    
<menupopup id="goPopup">         
         <menuitem label = "World History" oncommand="window.alert('http://www.worldhistory.com/');"/>
        </menupopup>
  
  <menupopup id="menu_ToolsPopup">
    <menu id="tools-menu" label="New Tool"
        insertafter="javascriptConsole,devToolsSeparator">       
      <menupopup>
        <menuitem label = "World Tool" oncommand="window.alert('A Tool? To Fix This World!');"/>
      </menupopup>
    </menu>
</menupopup> 
</overlay>