htmlのtableタグを使ったテーブルレイアウトで、セルの幅を指定するwidth属性にピクセル(px：固定幅)とパーセント(%：比率幅)を混在させたデザインを実現したいです。 経験則では、いろいろと上手くいかないことが多いこのデザインですが、必要になったので…

文字列をコピーするときはドラッグします。そして、ドラッグは横方向が基本です。 1 A a 2 B b 3 C c ところが、縦方向にコピーする方法があるようです。 そう、Firefoxならね。 テーブルの一列だけコピーしたい! クローム派の私がどうしてもFirefoxを手放せ…

Webシステムのとある画面について表示速度が遅いという指摘を受けて速度改善を行ったりすることがあります。 「表示されるのが遅い」といっても原因はさまざまです。 リンクをクリックしてからサーバにリクエストが送信されるまでの時間。 サーバがリクエス…

関連：クリッカブルエリアを可視化(色付け)するjQueryプラグイン「maphilight」 jQueryプラグイン「maphilight」を使うと、mapタグとareaタグで定義されたクリック可能なエリアに色が付き可視化されます。 ただ、そのまま使うと全てのmapタグで色指定を含む…

jQuery maphilight documentation 昨日の記事で、画像の一部をクリック可能にする方法を取り扱いました。 html5で画像などの一部をクリック可能にする方法 マウスポインタを当てるとマウスカーソルの形が変わるのがわかりますが、一見しただけではクリック可…

ずいぶん昔の話になりますが、まだブログなどのサービスが無かったころはレンタルサーバなどを借りてのWebサイト作成が流行っていました。 tableタグでレイアウトしたり、frameタグを使ったり、マウスポインタになんか付いてきたり、アクセスカウンタを設置…

TOK2：無料ホームページ 容量無制限【TOK2.com】 FC2：FC2ホームページ - 無料ホームページスペース どっちも2なのは何か由来があるんでしょうか。 Webサイト、なんてたいそうなものではないですが、ブログで書くにはちょっと大変なスクリプトを書くときにス…

最近はサーバサイドの処理ばかり書いていたので少しだけ躓きました。 SAStrutsのカスタムタグに<s:form>というのがあります。 action属性を指定する際に、コンテキストパスを自動的に解決してくれる地味に優れた機能を持っていたりするのですが、htmlにおけるid属性</s:form>…

html5からformタグ内で使われる入力系タグに"autofocus(オートフォーカス)"属性が追加されています。 4.10.19 Attributes common to form controls — HTML5 4.10 フォーム — HTML5 日本語訳 ページの読み込み時に、autofocus属性を持つ項目にフォーカスが当…

前回はほとんど導入のみだった気もするので、今回は編集メインで組んでみました。 行の追加、行の編集、行の削除、それと簡易絞込み検索を実装しています。 参考：jQueryプラグイン「jqGrid」を勉強しました jqGridデモ jqGrid Demo2 ※TOK2で404となっていま…

iframe越しの別ドメインでのcookieのやりとりに四苦八苦しました。 前提条件 iframeの呼び出し元と先でサーバドメインが異なる 2つのサーバは両方編集可能 (わるいことしたいわけではない) サーブレットにおいてcookieはsubmit時に送信される [参考] サーバ1…

必要に迫られたので。 jQuery Grid Plugin – jqGrid [日本語マニュアルサイト：jqGrid] jqGridデモ jqGrid Demo ※TOK2で404となっていました。すみません… 主な機能 jqGridを使用したグリッドテーブル jqGridでのヘッダ2段組 jqGridでの横固定スクロール jqG…

前回の続きのようなものです。[html構文での改行制御] この記事での結論は、ご期待に沿えるような回避方法ではないものになっていると思います。 さて、前回の最後に禁則処理というものに触れました。 先頭にくると違和感を覚える行頭禁止文字や、文章の行末…

そこまで掘り下げられなかった内容です。 htmlでは、ソースでいくら改行しても、ブラウザで開いてみれば、せいぜいが半角スペース1つ分だけ横方向に空間ができる程度です。 単純にタグを使うとしたら、以下のタグで明示的に改行させることになるかと思います…

html5から実装されたcanvasタグを勉強していたら、何だか面白くなってしまったので作成しました。 // ①ジョーヌ広場 ②ルージュ広場 ③ローズ広場 ④ブルー広場 ⑤ベール広場 ①ド・フツー ②ニ・リュー ③ド・キワミ ④ﾛｰﾘﾝｸﾞﾄﾞﾘｰﾏｰ ①カンコドール ②かわいがり ③フ…

前回の続きです。 目標 特殊なライブラリを使用せずにテーブルソートを行う ソートするデータは静的コンテンツで、JSON形式とする 条件設定枠を設けて表示データを絞り込めるようにする なるべくシンプルに、汎用性を高める 最終目標はパズドラの究極データ…

はてなブログはJavaScriptが使えるそうなので、いろいろ試してみたいと思います。 目標 特殊なライブラリを使用せずにテーブルソートを行う ソートするデータは静的コンテンツで、JSON形式とする 条件設定枠を設けて表示データを絞り込めるようにする なるべ…