(注:このブログはもう更新していません)この日記は私的なものであり所属会社の見解とは無関係です。 GitHub: takahashikzn

[クラウド帳票エンジンDocurain]

Javascript

画面遷移中にアニメーションGIFを動かす

Webアプリで、例えばAPサーバ起動直後の最初のアクセスの場合、結構待たされたりするわけです。なので、レスポンスが帰ってくるまでの間、いわゆる"Now Loading..."画面を出そうとしました。 要するに下の画像みたいな感じ。ぐるぐる回るアニメーションGIFを…

<input type="reset"> が使い物にならないので代用品を自作した

<input type="reset">は、<form>タグで囲まれた入力フォームの値を、onload時点へ復元するためのフォーム部品です。 しかし、使ったことがある方でしたらご存知かと思いますが。 機能が中途半端すぎるため、実用的ではありません。その中途半端っぷりを挙げてみると… formタグの中に囲</form>…

r42utils-0.1.4リリース

先日リリースした絞り込み選択リストに致命的なバグがありました…orz どういうバグかと言いますと、例えば以下の構造のように { 'foo': { 'foo1': { 'foo11': 11, 'foo12': 12 } 'foo1': { 'foo21': 21, 'foo22': 22 } }, //子メニューが'foo'と全く同じ構造…

絞り込み選択リスト

Javascriptで、絞り込み選択リストを作りました。 選択した値に連動して、次のリストの値が動的に変化するというヤツです。 IE7、IE8、FF3.0、FF3.5で動作確認済み。(ただしソースはかなりアレです。もっと勉強しないと…) 使い方は次の通りです。 <html> <head> <script src="./NarrowDownSelectionList.js"></script> </head> <body> <div id="sample"></div> </body> <script> va</html>…

IEで動的に作成したtableタグが表示されない?

IEで、Javascriptで動的に作成したtableタグが表示されないという問題に悩んでました。 例えばこんな感じのコードを実行してみても、何も表示されません。(IE7, IE8で確認) <html> <body> <div id="abc"></div> <script> var table = document.createElement("table"); var tr = document.createEleme</body></html>…

Javascript実行後のHTMLを取得する

Javascriptで動的にHTML構成を変更している場合、「ソースの表示」をしても それはJavascriptが実行される前の静的なソースコードなので、実際はどうなっているのかわかりません。 そんなときは、bodyタグの直後にこれを入れておけばOK。 <script type="text/javascript"> var textarea = do…