JavaScript @ Blog - Linux Life

Yahoo UI と konqueror

2008/04/01 ( n ) < JavaScript Qt >

Qt-4.4 から WebKit がサポートされるため、色々物色していて、The Yahoo! User Interface Library (YUI) かなんかでおもしろいものが作れないかを検討してみたりしています。

色々ちゃんと動くのであればQt リファレンスドキュメント (オープンソース版) を YUI で全部書き直したいところなんだけど、惜しいかな Context Menu の Example が Konqueror 4.0.2 ではうまく動かない。
KDE 4.1 が出て WebKit ベースのブラウザに置き換わるまで保留かな。
Drag and Drop や Resize なんかは動くので、Context Menu 以外だけでも YUI 化するってのもなしではないなぁ。

Qt 4.x ドキュメント移行(7)

2008/01/22 ( n ) < JavaScript Linux Life Qt Ruby >

タイトルの編集機能を追加。

title タグの関係でオリジナルが。。。
コメントとかを使用すればできないことはないけどなぁ。

Qt 4.x ドキュメント移行(6)

2008/01/19 ( n ) < JavaScript Linux Life Qt >

Konqueror(Linux)
Firefox(Linux)
Firefox(WindowsXP)
Safari(WindowsXP)
Opera(WindowsXP)

でほぼ意図した通りに動作するようになった。

IE6(WindowXP) では右クリックでメニューが開かない。
KDE3 のドキュメントとかなら Windows 無視でもいいか？と思うが、 Qt4 でそれをやるほどの勇気は無いので、もう少し追ってみよう。最悪、公開してから誰かに指摘してもらうっていうのでもいいかな。

動作環境の一覧を作ろう。

Javascript で作った table が IE で表示されない。

2008/01/19 ( n ) < JavaScript >

Qt 4 ドキュメントのコンテキストメニューが IE で表示されなかった問題。

    var table = new Element( 'table' );
    var tr = new Element( 'tr' );
    var td = new Element( 'td' );
    td.insert( 'aaa' );
    tr.insert( td );
    table.insert( tr );
    $(document.body).insert( table );

ではダメ（表示されない）。

    var table = new Element( 'table' );
    var tbody = new Element( 'tbody' );
    var tr = new Element( 'tr' );
    var td = new Element( 'td' );
    td.insert( 'aaa' );
    tr.insert( td );
    tbody.insert( tr );
    table.insert( tbody );
    $(document.body).insert( table );

と tbody を入れると表示された。
IE のくせに生意気な。。。

識別子、文字列または数がありません

2008/01/18 ( n ) < JavaScript Linux Life Qt >

var button = new Element( 'span', { class: 'button' } );

と書いている場所で IE6 でタイトルのエラーが出る。

var button = new Element( 'span', { className: 'button' } );

が正解のようだ。

Qt 4.x ドキュメント移行(1)

2008/01/15 ( n ) < CGI JavaScript Linux Life Qt Ruby SQLite3 >

最新版(4.3)への追従対応と UI の更新中。

慣れてないせいもあるけど JavaScript が難しい。

最近 bash スクリプトと C++ と Ruby と JavaScript と SQL(Sqliteの) をほぼ同じ割合で書いてるせいで頭が多少混乱気味。

今週中に目処をつけよう。

JavaScript である関数が定義されているかどうかを判別する方法

2007/12/28 ( n ) < JavaScript >

function on_load()
{
    if( typeof on_load_local == 'function' )
    {
        on_load_local();
    }
}

全てのページで行う処理は on_load() 内に、特定のページでのみ行うの処理は個々のページで on_load_local() という関数を定義しておく。

Javascript + CSS でソースコードに色を付ける

2007/12/26 ( n ) < CSS JavaScript >

google-code-prettify

JavaScript と CSS でソースコードに色を付けてくれます。

#include <QApplication>
#include <QLabel>
int main( int argc, char** argv )
{
    QApplication app( argc, argv );
    QLabel label( "Hello Qt4" );
    label.show();
    return app.exec();
}

が、css のクラスに prettyprint を付けるだけで下記のようになります。

#include <QApplication>
#include <QLabel>
int main( int argc, char** argv )
{
    QApplication app( argc, argv );
    QLabel label( "Hello Qt4" );
    label.show();
    return app.exec();
}

Hello Qt4 にて使用。行番号の追加と Qt のクラスのリンクは CGI で行っています。

検索ワードをハイライトする

2007/06/18 ( n ) < Linux Life JavaScript >

CGI でこういう機能を実装しようと思っていたのだが、タグの中がどうこうとかやるとめんどくさいなぁと思っていた所、JavaScriptによる方法を発見。
JavaScriptで検索ワードをハイライトするによると JavaScript のファイルをひとつ読み込むだけでハイライトが可能になるようだ。
これは試してみなければ。