RM-BLOG

IT系技術職のおっさんがIT技術とかライブとか日常とか雑多に語るブログです。* 本ブログに書かれている内容は個人の意見・感想であり、特定の組織に属するものではありません。/All opinions are my own.*

HTML関連

【Java】【HTML】特定の文字をサーバにPOSTすると、あるブラウザでPOSTしたときだけ違う文字に書き換えられる件について

「テキストボックスやテキストエリアに文字を入力してサーバにPOSTするとき、リクエストを送るブラウザによってサーバ側が受け取る文字(正確には「文字コード」)が変わる」 というケースを発見したっていうか実際に遭遇した。 これはちょっと前にツイッタ…

【HTML】Twitterでよく見る絵文字や顔文字の追跡;twemojiのサンプル実装方法について

Twitterでよく出てくる「絵文字」「顔文字」その他「不思議な文字」の正体を追跡する暇つぶしコーナー 主にtwemojiの簡単な実装方法の紹介(むしろその程度にしか知らん)と、絵文字や顔文字に関する情報の収集や整理等。

【HTML】制御文字をいろんなブラウザで表示させてみよう

IEでTAB(U+0009)を見ると勝手に半角スペース(U+0020)に変えられてる件。 他のブラウザや制御文字はどーなの?ってのを調べた。 なんかわからんがTAB(U+0009)ってIEで見ると半角スペース(U+0020)に勝手に変わるようだな。ちょろめだとTABのまま。う〜ん…(′・ω…

【IE】fancybox起動後にServlet実行すると待機中表示がされない

IEでfancyboxをservletで呼び出したり、もしくはfancyboxからservletを呼び出したりすると、 昔で言うところの「砂時計」にあたる待機中表示が消える(待機中表示にならなくなる)。 特定のケースでは一時的に待機中表示が出たりもするが、これに関してもサ…

【HTML】input type=fileのC:\fakepath問題

input type="file"でファイルを選択すると、選択されたファイルが実際に位置しているローカルディスクのフルパスとは違うパス値として自動的にC:\fakepath\(選択したファイル名)に変換されることがある。 ググってみると昨今のブラウザのセキュリティ仕様…

【HTML】MAXLENGTH指定における文字数オーバー分の漢字変換扱い

INPUTでTYPE=TEXTの場合に設定するMAXLENGTHプロパティによる、 最後の文字の入力制御のされ方がブラウザによって違うようだ。

【HTML】SUBMITボタンでVALUE未指定だとIEで印刷プレビューすると「クエリ送信」になる

SUBMITにVALUE未指定だと、IEで印刷プレビューすると勝手に「クエリ送信」って文字列が付くらしい。 ググってみると、昔のバージョンのIEだと、 SUBMITにVALUEが入ってない場合、ブラウザ表示の段階から「クエリ送信」って表示する仕様だったようだ。 現代の…

【HTML】X-UA-CompatibleによるIE互換表示制御と注意点

IE11には「互換表示」というオプションがあって、 ツールバーの「ツール」→「互換表示設定」で互換表示の対象ドメインを指定できる。 互換表示対象になるとIE7相当で画面表示できる(とどこかで聞いた)。 IEはバージョンによってレンダリングの仕方(画面へ…

【HTML】tableタグの中にdivタグをいれてはならない

最近知ったんだけどtableタグの中にdivタグいれるのはNGらしい。 確かに言われてみるとなんか変な気もするが。 構文的にダメってのは知らなかった。

【HTML】@media printによる印刷範囲の指定

印刷範囲の指定をするスタイルシート @media print{ #jogai{display:none;} } このとき、id=jogaiを指定した要素は印刷範囲の対象外になる。

【HTML】IMGタグに画像データ文字列を指定して、直接画像を埋め込む(+JAVAによるBASE64エンコードの方式)

HTMLのIMGタグのSRC属性には、通常外部の(自分自身のHTMLファイルとは別の)画像ファイルを指定するのだが、 画像のデータを示す文字列を指定することで、 外部の画像ファイルを使用せずに自身のHTMLファイル内で「画像」データを再現できる。 ※ただしその…

シンボリックリンク先のCSS、JSの読込について

HTMLからシンボリックリンクのCSSやJSを読み込む動作がIEとGoogle Chromeで違う。 例えば以下の構成だったとする。 SymLinkCSSTest.html └─real_path ├─syml_test.css ├─syml_test.js ├─<SYMLINK> syml_test_from_real_path.css [syml_test.css] └─<SYMLINK> syml_test_from_re</symlink></symlink>…

word-break問題

tableタグ内にむちゃくちゃ長い文字をいれると、 なにも指定してない場合widthを突き抜けて文字が外にはみ出す たとえば aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa…

Spanタグのonclickを指定して別要素のclick呼び出すとGoogle Chromeでは機能しない

「IEだと動くがGoogle Chromeだと動かない」というタイプのネタ spanタグにonclickを指定して、その中で直接JS呼び出せば機能するが、 そこから別の(例えばhidden)要素を無理やりclickするような指示を出すと機能しない。 下記のケースで機能するのは①のみ…