技術ブログ
投稿日：
通常はただのテーブル(or普通のHTML)ですが、クリックするとinputになり、入力が可能になる手法について。
contenteditableなど
普通のHTML要素に
|
1 |
<div contenteditable="true"> |
などしてあげるとfocus時に入力可能な要素になります。
注意点としては下記のようなことが挙げられます。
他、jQueryのプラグインなどでもクリック時に編集可能ということはできるようです。
執筆者：matsumoto
関連記事
jquery multipleについて(応用編) keepOrder
さて、複数選択だけなら前回のエントリーだけでなんとかなりますが、左の項目の順番を入れ変えて保存したい場合、難易度がかなり上がります。 公式ページには下記のように書けばOKとかいてあります。 [cray …
こっちのブログでも書いてますが、CSSを最近写経してて気づいたことがいろいろあるんでメモリます。 常時追加予定。 Contents1 全体2 レスポンシブ3 レイアウト4 list系5 display …
CSSを使い始めて数年がたっていますが、いまだに最適な書き方がようわかっとりません(汗) 特に難しいのが全体的なレイアウトの決定でfloatとかpositionなんかを使っていろいろと悪戦苦闘していま …
HTML/JS/JavaScriptのキャッシュ機能の無効化に関して
AngularJSを使っていまして、更新したのにキャッシュ機能が働いていてブラウザでは変更が反映されてない・・・なんてことがちょいつづき、キャッシュを無効化する機能を調査しました。 まず通常のHTML …
ブラウザのディフォルトではなくcheckboxをカスタマイズしたいとき。 やったことなかったんですが、やってみると結構面白い。 Contents1 ソース2 参考リンク ソース まずはソースを。 ht …
2023/08/20
2023/08/03
2023/07/29
2023/06/25
2023/06/10