Web・IT うんたらら

業務系とWeb系の狭間でIT業界を彷徨いながら備忘録と足跡を残していきます

JavaScript

ブラウザで戻るを押した場合のinput要素の挙動について

驚いたのでメモ。戻る前と戻り先で同名の要素がある場合で、 ブラウザの戻る→サブミットをすると、なんと、戻る前の値を持っている。 おかげではまりましたよ……。こんな操作を想定するケースもレアだろうけど、回避するには、 一時変数に保持しておいて、sub…

【JavaScript】htmlで縮小して全体を表示

overflow: hiddenとかscrollとか、そういうのじゃなくて縮小して納めてよという時にどうぞ。 これまた泥臭い手法です。いわゆるバッドノウハウとはこういうことでしょうか。 jQuery.fn.extend({ isProtrudeHeight: function(){ var orgScrollTop = this.scro…

【JavaScript】 Div要素内の文字がはみ出ているか判定

なんとなくjQueryでやってみました。泥臭い手法ですがちゃんと動くかと。 jQueryの値判定系メソッドの慣例に習い、複数要素の場合は先頭の要素に対しての結果を返します。 jQuery.fn.extend({ isProtrudeWidth: function(){ var orgScrollLeft = this.scroll…

【JavaScript】 IEでselect要素(コンボボックス)の高さを指定する

2013/09/18 追記 ※IE10の場合不要かつ、無限ループしてエラーになるようでしたので、スルーするよう修正しました。IEでは、通常コンボボックス(input type="select")要素の高さが指定できません。 どうしても指定したいとなると文字サイズを変更するしかあり…

【JavaScript】 IEでjQuery UI Dialog 内のDOM操作を行う時にハマったこと

これまたしょうもないことですが、ハマリにハマッたのでメモ。jQuer UIを使ってdialogにしたDiv要素を、いったんcloseオプションで非表示にしてからDOM操作すると、IEの場合上手く動きません。removeChildしても消えなかったりappendChildしても増えたり増え…

【JavaScript】 要素内におけるマウス位置の座標を取得 (iOS等、モバイルデバイスにも対応)

※2015/10/14 新しめのIEに対応しました。 HTMLのページ全体での座標を取得するサンプルはゴロゴロ転がってるのですが 要素内の相対的なマウス位置を取得するコードはあまり公開されてないようなので載っけてみます。 iPhoneやiPad(iOS)や、Androidタブレッ…