FireFox extension of tabbox XUL tags in the introduction of a web page

2010-10-28  来源:本站原创  分类:Web  人气:110 

tabbox is a multi-tab container
tabs in the tab is used to represent the head tab
tabpanels tabpannel under the tab content is
elements in order of tabs in the order of the elements corresponding tabpannel

The introduction of web browser used in the tabpanel can also use the iframe

<tabbox flex="1" >
      <tabs>
        <tab label="javaeye"/>
        <tab label=" NetEase  " />
      </tabs>
      <tabpanels flex="1">
        <tabpanel>
          <browser type="content" flex="1" src="http://www.javaeye.com" />
        </tabpanel>
        <tabpanel>
          <browser type="content" flex="1" src="http://www.163.com" />
        </tabpanel>
      </tabpanels>
    </tabbox>

Flex properties in the code above is very important, if not there will be a big problem this property displays the official website of the flex of the explanation:
flex
Type: string (representing an integer)
Indicates the flexibility of the element, which indicates how an element's container distributes remaining empty space among its children. Flexible elements grow and shrink to fit their given space. Elements with larger flex values will be made larger than elements with lower flex values, at the ratio determined by the two elements. The actual value is not relevant unless there are other flexible elements within the same container. Once the default sizes of elements in a box are calculated, the remaining space in the box is divided among the flexible elements, according to their flex ratios. Specifying a flex value of 0 has the same effect as leaving the flex attribute out entirely.

Effect as shown in the annex
FireFox extension of tabbox XUL tags in the introduction of a web page

相关文章
  • FireFox extension of tabbox XUL tags in the introduction of a web page 2010-10-28

    tabbox is a multi-tab container tabs in the tab is used to represent the head tab tabpanels tabpannel under the tab content is elements in order of tabs in the order of the elements corresponding tabpannel The introduction of web browser used in the

  • FireFox extension tag in XUL the introduction of a web page tabbox 2010-10-28

    tabbox is a multi-tab container tabs in the tab is used to represent the head tab tabpanels tabpannel under the tab content is elements in the order of tabs in the order of the elements and the corresponding tabpannel The introduction of web browser

  • Useful Web Development category Firefox Extension 2010-04-26

    As a Web developer, you almost no reason not to like Firefox, Because Firefox The following , many focus for the development of the extension, very easy to use, here are some popular FireFox extension for web development for the Web Developer's Refer

  • Firefox Extension: Web Developer 2010-04-10

    Today I discovered this very useful Firefox extension, function is powerful! The extension is installed will be added to your Firefox Web Developer Toolbar. This is divided into several parts: Disable, Cookies, CSS, Forms, Images, Information, Miscel

  • Floating window Firefox extension 2010-12-02

    The so-called floating box is a div, set his style: position: absolute, there are orientation-related left and top values But it is strange that in the Firefox extension, can not work. Then find the article "xul in the position: absolute failure floa

  • Firefox extension development: Hello World! [Transfer] 2011-04-30

    Today, try to develop a Firefox extension. Although relatively simple, there are many online tutorials, but the feeling is too much trouble to write a number of tutorials, in the initial development process, and did not use those things, so their rec

  • Firefox extension development 2011-05-22

    Want to write a few my firefox extensions and plug-ins, so look for some information to learn some basic information collected here Firefox extension development: Hello World! http://devbean.blog.51cto.com/448512/160298 In this example, if the follow

  • Improve the browsing experience of the 50 best FireFox extension 2010-06-25

    There are hundreds of FireFox's extension, which you use it? This collection of 50 popular extension, download and install, make your FireFox browsing easier. Please note that most of the extension can be used in FireFox2.0, if not available, then us

  • Right menu Firefox extension 2010-12-02

    If the Firefox extension to an element to create a context menu, there is no need for registration events, and by adding a similar positioning to the container div to achieve, MDN provides a context menu of features For example there is a box contain

  • Web page need to install Firefox add-ons make 2010-06-25

    Web Developer Although referred to as Web Developer, but the Firefox Add-ons for web designers is absolutely invaluable. If you add this component installed, web designers will find useful is the CSS menu. The menu features include display CSS is wro

  • Firefox extension XUL Some operations on box 2010-11-02

    The box is mainly used in two common forms: vbox (element vertically), hbox (element horizontally) Set the scroll bar <br /> style="overflow:scroll;" Property, you can add a scroll bar to the box In fact, as long as setting style, to expla

  • The first Firefox extension 2010-01-19

    Extension Name: My Internet Contributor: Wu Lei Requirements: Right-click the status bar icon, enter the user name, password, log all of my home page. Vision: can be applied to all kinds of blog, SNS friends network, mailbox, etc. automatically log o

  • struts2 <s:action> jsp page tags and the introduction of the js conflict 2010-08-12

    Recently encountered a problem, I get very depressed! Jsp page is as long as the label used to <s:action>, then the page referenced by the external js file on the failure of the! Basically not have any effect it! Here is the head into an external js

  • FireGesture several scripts 2011-03-25

    NetxPage: try { var node = FireGestures.sourceNode; } catch (e) {} while (node && node.nodeName != "BODY") node = node.parentNode; if (!node) node = getBrowser().contentDocument; var e = document.createEvent("KeyboardEvent"); e

  • Let Firefox into the ultimate web design tools 2009-03-07

    Through the appropriate configuration, Firefox can become a super web design tools, Real-time design web pages so that you can style, testing and editing HTMl file Javascript. We only need to install the following extensions can be achieved a rich va

  • Actual development of Firefox extensions 2010-11-05

    Back to Top Found in the Resources section to download these extensions address. Last modified Firefox's settings to make debugging easier. In the address bar about:config parameter settings can open Firefox page. Modify the parameters set as follows

  • ie and Firefox compatibility issues (solution) 2011-01-05

    1. Document.form.item problems (1) Existing problems: There are many existing code document.formName.item ("itemName") such a statement, not in Firefox (Firefox) to run (2) Solution: Instead document.formName.elements ["elementName"] 2

  • firefox 扩展开发技巧 2014-01-15

    firefox 扩展开发 Firefox Extension 参考:http://developer.mozilla.org/en/Extensions http://www.ibm.com/developerworks/cn/web/wa-lo-firefox-ext/ 目录结构: chrome.mainfest // 定义整个扩展的目录结构 install.rdf // 定义扩展的ID,名称等等信息 chrome/ chrome/content/ // 定义扩展界面(.xul文件),定义扩展

  • FireFox的历史--从火狐1到火狐3历代截屏欣赏(双语版) 2014-06-20

    Mammon slept. And the beast reborn spread over the earth and its numbers grew legion. And they proclaimed the times and sacrificed crops unto the fire, with the cunning of foxes. And they built a new world in their own image as promised by the sacred

  • Javascript in IE and Firefox compatibility compilation 2009-05-21

    1 and found that IE Tab input the id of the default property and property the same name, and Firefox must be clearly written the name of id property id property can not be used. Such as: <input type="text" name="username" value=&quo