[Ext] Fission 0.8.9 [Sep 25]

[old zeniko]

<a href="http://mozilla.zeniko.ch/fission.xpi">Fission</a> combines address bar and progress bar -- Safari style, as did Fusion [screenshots].

Should you prefer individual progress bars for all tabs, have a look at Tab Mix Plus instead.

Note that some themes might break when you install Fission. If that happens for you, please contact your theme's author and ask him/her to adapt the theme for Fission (have a look at this post and that post for what modifications might be needed).

Download
<a href="http://mozilla.zeniko.ch/fission.xpi">Fission 0.8.9</a>
<li>Added Belarusian, Hungarian and Greek locales (thanks to the translators over at BabelZilla)
<li>Secured extension update process (for Firefox 3.0 Alpha 8 and later)

This release works for Firefox 1.5 and Firefox 2.0.

Styling
Fission can be minimally styled through its Options dialog and more extensively through userChrome.css:

Code: Select all

/* Different background color and some margin (Fusion-style only) */
#urlbar[fission="fusion"] > #statusbar-icon > .progress-bar {
   background-color: #D2BDB6 !important;
   margin: 2px !important;
}

Code: Select all

/* Different text color while the progress bar is shown */
#urlbar[fission="fusion"][progress]:not([progress="0"]):not([progress="100"]) {
   color: #000000 !important;
}

Code: Select all

/* Different text color for linkified URLs */
#urlbar[fission-link] .textbox-input-box { color: blue !important; }

Code Extensions
To get an even better experience when hiding the status bar, you could additionally try the following code snippets:
<li>Adding the <a href="data:text/javascript,function%20AutohideStatusbarJS()%0A%7B%0A%09if%20(!window.XULBrowserWindow)%0A%09%7B%0A%09%09setTimeout(AutohideStatusbarJS%2C%20100)%3B%0A%09%09return%3B%0A%09%7D%0A%09%0A%09var%20jsStatusBar%20%3D%20document.createElement(%22statusbar%22)%3B%0A%09jsStatusBar.hidden%20%3D%20true%3B%0A%09jsStatusBar.className%20%3D%20%22chromeclass-status%22%3B%0A%09jsStatusBar.appendChild(document.createElement(%22statusbarpanel%22)).flex%20%3D%201%3B%0A%09window.XULBrowserWindow.__UC_statusbar%20%3D%20jsStatusBar%3B%0A%09%0A%09var%20statusbar%20%3D%20document.getElementById(%22status-bar%22)%3B%0A%09statusbar.parentNode.insertBefore(jsStatusBar%2C%20statusbar)%3B%0A%09%0A%09eval(%22window.XULBrowserWindow.updateStatusField%20%3D%20%22%20%2B%20window.XULBrowserWindow.updateStatusField.toString().replace(%2F%5C%7D(%3F%3D%5B%5E%7D%5D*%24)%2F%2C%20'%20%5C%0A%09%09var%20jsStatusBar%20%3D%20this.__UC_statusbar%3B%20%5C%0A%09%09var%20text%20%3D%20this.__UC_status%20%7C%7C%20this.jsStatus%20%7C%7C%20this.jsDefaultStatus%20%7C%7C%20%22%22%3B%20%5C%0A%09%09jsStatusBar.hidden%20%3D%20!document.getElementById(%22status-bar%22).hidden%20%7C%7C%20!text%3B%20%5C%0A%09%09if%20(!jsStatusBar.hidden)%20jsStatusBar.firstChild.setAttribute(%22label%22%2C%20text)%3B%20%5C%0A%09%09%24%26'))%3B%0A%09%0A%09if%20(window.aioStatusMessage)%0A%09%7B%0A%09%09eval(%22aioStatusMessage%20%3D%20%22%20%2B%20aioStatusMessage.toString().replace(%22%7B%22%2C%20%22%24%26%20%5C%0A%09%09%09window.XULBrowserWindow.__UC_status%20%3D%20msg%3B%20%5C%0A%09%09%09window.XULBrowserWindow.updateStatusField()%3B%20%5C%0A%09%09%09if%20(!msg)%20return%3B%22))%3B%0A%09%7D%0A%7D%0A%0AAutohideStatusbarJS()%3B%0A">AutohideStatusbarJS snippet</a> to your userChrome.js will temporarily show the status bar when an extension or a web page displays status information (e.g. Mouse Gestures)
<li>Installing <a href="data:text/javascript,%2F%2F%20%3D%3DUserScript%3D%3D%0A%2F%2F%20%40name%20%20%20%20%20%20%20%20Link%20Tooltips%0A%2F%2F%20%40description%20Shows%20a%20link's%20title%20and%20address%20in%20the%20tooltip%0A%2F%2F%20%40include%20%20%20%20%20*%0A%2F%2F%20%3D%3D%2FUserScript%3D%3D%0A%0A(function()%20%7B%0A%09var%20links%20%3D%20document.evaluate(%22%2F%2Fa%5B%40href%20and%20%40href!%3D''%5D%22%2C%20document%2C%20null%2C%20XPathResult.UNORDERED_NODE_SNAPSHOT_TYPE%2C%20null)%3B%0A%09%0A%09for%20(var%20link%2C%20i%20%3D%200%3B%20(link%20%3D%20links.snapshotItem(i))%3B%20i%2B%2B)%0A%09%7B%0A%09%09if%20(link.title)%0A%09%09%7B%0A%09%09%09link.title%20%2B%3D%20%22%20(%22%20%2B%20link.href%20%2B%20%22)%22%3B%0A%09%09%7D%0A%09%09else%0A%09%09%7B%0A%09%09%09link.title%20%3D%20link.href%3B%0A%09%09%7D%0A%09%7D%0A%7D)()%3B%20%2F%2Flinktooltip.user.js">linktooltip.user.js</a> (save before installation) for GreaseMonkey will display the links' target in a tooltip (instead of or additionally to the status bar / address bar)

Bug 327604
If you still use Firefox 1.5, you might want to install <a href="data:application/x-xpinstall;base64,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">327604.xpi</a> (revision 3; download before installing) to work around bug 327604 ("Status bar message text persists when switching tabs while page is loading").

Revisions
~~ 0.8.8 ~~~~
<li>Added Thai, Korean, Serbian, Polish, Swedish and Czech locales (thanks to the translators over at BabelZilla)
<li>Minor bug fix (mainly: mouse-over links removed from the status bar; and the address bar should no longer grow when the connection status is displayed (Pinstripe only))
~~ 0.8.7 ~~~~
<li>"Done" is never displayed as connection status
<li>Added Finnish, Catalan and Persian locales (thanks to the translators over at BabelZilla)
<li>Minor bug fix (most notably: connection status text was mis-aligned)
~~ 0.8.6 ~~~~
<li>Added Japanese, Chinese (traditional), Slovak and Arabic locales
~~ 0.8.5 ~~~~
<li>Changed the link target icon from <img src="data:image/gif;base64,R0lGODlhEAAQAPcAAGaZzDOZzJnM/wBmzABm//////8A/wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEAAAYALAAAAAAQABAABwhUAA0IHEiwoMGDCBMqJMCwYcIAAApILEBgYYCJFQsO2DiAgACMBgdI9FhAwMWMBEWSFMAQAMqBIgUAYDnAQICDIksSKFATYc6JPXFy5KiwqNGjCAMCADs="> to <img src="data:image/gif;base64,R0lGODlhEAAQALMAAAAAAP///7i4uPf39/39/fDw8Onp6dzc3PPz8////wAAAAAAAAAAAAAAAAAAAP8AgCH5BAEAAA8ALAAAAAAQABAAAwQ38MlJq704632B9xZAAUEJjqJEBsPnfiohy6/7AEM+HPUJIIUgDzUBFAxIQUo1OgieykyPQ61mIgA7">
<li>Bug fix: Fission occasionally wasn't correctly initialized (since 0.8.4)
~~ 0.8.4 ~~~~
<li>Added an icon to indicate linkified addresses (see this post for how to disable it)
<li>Added Russian, Chinese (simplified), Portuguese, Spanish, French, Italian, Danish and Dutch locales
<li>Bug fix: displaying the connection status could break the [Tab] key
~~ 0.8.2 ~~~~
<li>New Reset button in the Options dialog
<li>Bug fix: the Options dialog was empty with browser.preferences.animateFadeIn set
~~ 0.8 ~~~~
<li>Added a Settings dialog
~~ 0.7.5 ~~~~
<li>Minor bug fix
~~ 0.7.4 ~~~~
<li>New pref extensions.fission.linkify: displays link urls in the address bar
<li>Bug fix: address bar lost focus in new windows
~~ 0.7.2 ~~~~
<li>More sensible default color (#B6BDD2)
<li>The color can be changed through about:config
~~ 0.7 ~~~~
<li>Connection status can now also be displayed in the address bar (extensions.fission.textify)
~~ 0.6 ~~~~
<li>Themes can now easily recognize Fission
~~ 0.5 ~~~~
<li>Minor bug fix
~~ 0.4 ~~~~
<li>Added a hidden preference to enable the Icon-style progress bar
<li>Bug fix: the progress bar was lost when customizing the toolbars
~~ 0.3 ~~~~
<li>Improved compatibility with some themes
~~ 0.2 ~~~~
<li>Replaced the icon-style progress bar with a Fusion-style one
~~ 0.1 ~~~~
<li>Initial release 2006-01-20

[Schrade]

For people who can't get that link to work (you have to completely disable "Warn me when web sites try to install extensions or themes" in Tools -> Options -> Content) I have mirrored the extension here:

<a href="http://www.schrade.com/firefox/extensions/Fission/Fission-0.1.xpi">Fission-0.1.xpi</a>

It puts the progress bar that you normally see in the status bar area into the address/location bar where the Security and RSS icons show up now.


edit by moderator SKopischke:
Please see http://forums.mozillazine.org/viewtopic.php?t=594322 for a continuation of this discussion

[TychoQuad]

Perfect! Thank you!

[Ed1]

Great work!

Would it possible for this extension to optionally let the progress bar fully cover the address bar as Fusion does?

[Sekerob]

Fusion works fine in my FFX 1.5 final with 68 extensions loaded....runs in the address-bar! Of Course, if Location bar is something else and or set to have the progress bar run somewhere else than the tabs, Fission may be an alternate solution

[old zeniko]

Visit Mozilla Update and note that the Security and Feed icons are located to the left of the address (instead of the right) and not clickable and that the address' background is white (instead of golden). While the background problem can be easily solved, I haven't found a solution for the icons problem yet. That's why I did this minimal solution - and why there won't be a Fusion-style progress bar anytime soon.

[old zeniko]

Well, I was wrong about the difficulty of adapting Fusion for Firefox 1.5. Fission 0.2 gives you the same experience as did Fusion 0.6, while fixing the problems mentioned above.

[Bazon]

Hi zeniko, thanks for caring for a Fusion replacement!
Fission 0.2 works fine in the default theme, but it has some problems in themes with styled URL-Bar like Charamel (<a href="javascript:void((function() {InstallTrigger.installChrome(InstallTrigger.SKIN,'http://members.shaw.ca/lucx/charamel-1.2a.jar','Charamel');})());">install</a>) or SaFire milk (<a href="javascript:void((function() {InstallTrigger.installChrome(InstallTrigger.SKIN,'http://www.deviantart.com/download/20457909/','SaFire Milk');})());">install</a>).
It seems that the fission progressbar is in the background of other graphics.

Is this a problem which can be solved via userChrome.css/Theme Adaption? I tried but didn't suceed... (...I can change styles and position, but it always keeps in the background.)

thanks,
Bazon

[old zeniko]

EDIT: Many themes should work quite well with Fission 0.3.

[Husky50]

Great job. Is there any way to change the color of the progress bar through userchrome?

[Bazon]

...too bad, Fusion did work with these themes. I'll see what I can do with partly transparent graphics.
...anyway, the effect it has now on these themes is also funny. (Although I'm quite sure some people will see this another way...)

[old zeniko]

@Husky50: Sure. See the first of the newly added styling examples in the first post.

@Bazon: I've uploaded Fission 0.3 which should work pretty well with many themes (or at least with the two themes you listed above). You might now only have to apply the third styling example for a pleasant result.

And for those of you who prefer an icon-style progress bar, Fission 0.3 is finally able to work in both ways (see the second styling example in the first post).

[XerBlade]

How about an option to switch between both styles without having to use userChrome?

[Branstrom]

Changing the text color? Is that possible? Either all of the text in the location bar during the loading time, or just the text in front of the actual progress bar. Preferrably the last option of course.

[Bazon]

@zeniko:
Thank you, it works great now!

I addapted SaFire milk (<a href="javascript:void(InstallTrigger.installChrome(InstallTrigger.SKIN,'http://www.deviantart.com/download/20457909/','SaFireMilk'))">install</a>) and SaFire (<a href="javascript:void(InstallTrigger.installChrome(InstallTrigger.SKIN,'http://www.deviantart.com/download/19147285/','SaFire'))">install</a>) now for this extension, I'm sure "my clients" will be happy about the abaility of this extension in the theme