GeekBox

IT系エンジニアの雑記

javascript

【javascript】sessionStrageまとめ

よくググるのでまとめた。 // セッションの格納 sessionStorage.setItem(['キー名'],['hoge']); // セッションの数の取得 sessionStorage.length // セッションの値の取得 sessionStorage.getItem(['キー名']); // 指定したセッションの削除 sessionStorage.…

li要素を横並びにする

こののようなリスト要素を横並びに。 a b c d ↓ a b c d li要素にdisplay: inline;を指定してあげるだけで出来る。 [html] <style> li { display: inline; } </style> <body> <ul> <li>a</li> <li>b</li> <li>c</li> <li>d</li> </ul> </body> [/html] さらにjQuery等でイベントに合わせて動きなどを付けるとシンプルなメニューとかが簡…

javascriptでスネークケースからキャメルケースへ変換する

jsでクラス名なんかをごにょごにょして遷移とかに使う時にたまに使うかもしれない。 正規表現で_の後の一文字を頭文字を大文字にして置き換えている。 [javascript] <script type="text/javascript" language="javascript"> var target = 'test_snake_case'; var test = (target. replace( /_./g, function(str) { </script>…

一度入力されたチェックボックスを入力不可にする

たとえばajaxなどで取ってきたデータを判別し、一度入力されたチェックボックスを変更不可とする事が目的。 disabled属性をつけると仮にONだった場合でも何も送らないので値を送りたい場合の方法。 サンプルはこちら [javascript] <input type="checkbox" id="test" value="1" checked onClick="this.checked=true" /> //phpのsmartyなどで使う…

【javascript】ログインボタンの二度押し対策

ログインボタンを押してから次の画面遷移に時間がかかる場合、ユーザが二回三回とボタンを押す可能性がある。トラフィック量をなるべく減らしたいときはログインボタンを一度しか押せないようにする必要があるのでその方法。 以下ソース [javascript] //oncl…