スパイスラボ神部です。

OpenSocial アプリでは alert の代わりにちょっとしたお知らせを出せる miniMessage という機能があるのですが

・表示してユーザが閉じるまで待機

・表示して時間制限で勝手に閉じる

・表示してプログラムによって閉じられるのを待つ

の３種類があるようです。

-MiniMessageによるちょっとリッチなメッセージ表示 - OpenSocial-Japan | Google グループ

しかし mixi アプリでは

mixi アプリではいざつかってみると、あまりにも文字が小さく、そのうえボールドがかかっていて読みにくいことこの上ない。さらにスタイルシートでの再指定も利かないもよう。

そこでこうするとよくなりました。

３秒で閉じる miniMessage を発行する際、innerHTML の値を次のような感じにします。

var msg = new gadgets.MiniMessage();
var div = document.createElement("div");
div.innerHTML = '<div style="color:#666666; font-size:16px; font-weight:normal">おしらせを完了しました</div>';
msg.createTimerMessage(div,3);

innerHTML で HTML が挿入できることを逆手にとって、その中でスタイル指定をしているのですが、なんとかうまくいっているようです。

ただこの問題、本来はmixiのminiMessageのデフォルトスタイルが見やすくあるべきだと思います。

あるいはCSS で指定しやすいようになっていればいいのですが、急には変更にならないと思うので、スタイルが理由で使うのをやめていた、ということであればぜひ、おためしあれ。

※CSSで指定できるよ！などの指摘があれば大歓迎です。