読者です 読者をやめる 読者になる 読者になる

江戸一番のジャスタウェイ職人のブログ

江戸一番のジャスタウェイ職人

Javascript

オートページャーの最小実装

オートページャー系のjQueryプラグインは沢山あるが実装が気に食わないのでいつも自作してる。とはいえ秘伝のソース状態ではよくないと思いいくつか機能を捨ててコンパクトにまとめた。 jQuery依存バージョン 特徴 if (loading) { return } の様な読み込み中…

Chromeのズーム機能を使うとborderの値などに小数点が入る

今まで要素の罫線幅を取る時など適当に取得していたが問題が... $('.a').css('borderBottomWidth') > "1px" (100%表示時) > "1.1111111640930176px" (90%表示時) なんとズーム時にCSSの値が再計算されているのだ。(Chrome 30.0.1599.66で確認)CSSに1px…

contenteditableな要素にフォーカスが当たっている時にdraggableが要素をクリックするとバグる(Chrome)

Chrome: 25.0.1364.172 動作サンプル: http://jsdo.it/su_aska/tdQh <div contenteditable="true"> Editできる奴 </div> <div draggable="true"> D&Dできる奴 </div> この「Editできる奴」をクリックした後に「D&Dできる奴」をクリックしても「Editできる奴」のカーソルが消えないのだ。(Chrome: 25.0.1364.172)https://gi…

ふわっと出るDropdownメニュー

http://www.red-team-design.com/wp-content/uploads/2011/11/css3-animated-dropdown-menu-demo.htmlなんかこれっぽい感じにしたくてやってみた。http://jsdo.it/su_aska/djEa表示のon/offをdisplay: block/display: noneでスイッチするとCSS3のアニメーシ…

その場で編集できるようにするにはただcontenteditableを使えばいいというわけでは(ry

「7kai Tasksってその場でタスク編集できないんですか?」と言われてやってみた。(※画像は開発中のものです) draggableな要素の上に居る要素をcontenteditable="true"してもうまく編集できるようにならないので子要素のhover(focusに変えた)で親要素のdr…

使い慣れると冗長だけと使い始めは欲しいみたいなメッセージのon/off

使い慣れると冗長だけと使い始めは欲しいみたいなメッセージはon/offできるといいなと思います。Excelでツールバーをアイコンだけかアイコン+ラベルか選べるとかよくあるUIです。無刻印HHK使ってる人とかアイコンだけのモードが好きなんじゃないかと思いま…

Javascriptで国際化(ローカライズ)

<span data-setup="localize" data-text-ja="ホーム">Home</span> <script> $(function(){ if ((/^ja/.test(navigator.language || navigator.userLanguage))) { $('[data-text-ja]').each(function(){ var ele = $(this); ele.text(ele.data('text-ja')); }); } }); </script>