10

Mozilla Jetpackをいじり始めたばかりで、今のところ気に入っています。クリックすると通知が表示されるアイコンをステータスバーに表示する小さなコードを書きました。

var myTitle = 'Hello World!';
var line1 = 'I am the very model of a modern Major-General,';
var line2 = 'I\'ve information vegetable, animal, and mineral,';
var line3 = 'I know the kings of England, and I quote the fights historical,';
var line4 = 'From Marathon to Waterloo, in order categorical.';
var myBody = line1 + ' ' + line2 + ' ' + line3 + ' ' + line4;
var myIcon = 'http://www.stackoverflow.com/favicon.ico';

jetpack.statusBar.append({
  html: '<img src="' + myIcon + '">',
  width: 16,
  onReady: function(doc) {
    $(doc).find("img").click(function() {
      jetpack.notifications.show({title: myTitle, body: myBody, icon: myIcon});
    });
  }
});

この例ではテキストが非常に長いため、通知は次のようになります。

Jetpack 通知 http://img33.imageshack.us/img33/7113/jetpack.png

通知のテキストが表示されるときに、通知のテキストを 4 つの異なる行に分割して、通知ボックスの高さと幅を狭くしたいと考えています。どうすればこれを行うことができますか？

編集 1 ( Rudd Zwolinskiに感謝):

試しましたが、これは役に立ちません：

var myBody = line1 + '\n' + line2 + '\n' + line3 + '\n' + line4;

編集 2 ( Ólafur Waageに感謝):

これはどちらにも役立ちません:

var myBody = line1 + '<br />' + line2 + '<br />' + line3 + '<br />' + line4;

編集 3 ( Mattに感謝):

これでも役に立ちません：

var myBody = line1 + "\n" + line2 + "\n" + line3 + "\n" + line4;
4

3 に答える 3

9

残念ながら、作成されたアラートでは、Windows のトースト ポップアップで新しい行を使用できません。Jetpack API によると:

最終的に、このオブジェクトは、ユーザーとのコミュニケーションを容易にするための最終手段になります。通知バー、透過メッセージ、うなり声、ドアノブ メッセージなどはすべてここを通過します。今のところ、簡単な通知のみです。

ソース コードに示されているように、このjetpack.notifications.showメソッドは Mozilla を呼び出しますnsIAlertsService。これは、Windows のトースト ポップアップに複数行を許可しません。

利点は、API が将来アラートをより詳細に制御できることを示していることですが、プレリリース バージョンでは、通知テキストを最小限に抑える必要があります。

于 2009-05-22T17:21:46.967 に答える
1

私は Mac を使用していて から Growl 通知を受け取っているため、これをテストできませんjetpack.notifications.show。Growl は幅を制限しますが、次のように変更myBodyしてみてください。

var myBody = line1 + '\n' + line2 + '\n' + line3 + '\n' + line4;

改行が表示されるので、これがあなたが探しているものかもしれません。

編集:これは Windows のトースト通知では機能しないため、質問には答えません。ただし、Mac OS X の Growl 通知に改行が表示されるため、この回答はそのままにしておきます。

于 2009-05-22T15:42:17.823 に答える
0

IIRC のとおり、jetpack は JavaScript と HTML を使用しているので<br />、行間に追加してみてください。

于 2009-05-22T15:47:25.610 に答える