jQueryを使って要素のリサイズが出来る関数を作ってみた。 ついでにクッキーに保存して後でまた使えるようにしてみた。 /** * 指定した要素の幅をリサイズする関数 * リサイズした幅はクッキーに保存する */ function initTableResizer(targetId){ var target = null; var width; //指定した要素外にマウスをドラッグした場合の処理 $(window).mousemove(function(e){ if (target != null) { width = e.clientX - parseInt ($('#' + targetId).offset().left); $('#' + targetId).css ({ width: width + 'px' }); return false; } return false });
![jQueryを使ってドラッグ&ドロップでリサイズできる関数を作る - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/15f62d946f2febe73cbb283e819ae176c19b53cd/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Farticle-ogp-background-412672c5f0600ab9a64263b751f1bc81.png%3Fixlib%3Drb-4.0.0%26w%3D1200%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk3MiZoPTM3OCZ0eHQ9alF1ZXJ5JUUzJTgyJTkyJUU0JUJEJUJGJUUzJTgxJUEzJUUzJTgxJUE2JUUzJTgzJTg5JUUzJTgzJUE5JUUzJTgzJTgzJUUzJTgyJUIwJUVGJUJDJTg2JUUzJTgzJTg5JUUzJTgzJUFEJUUzJTgzJTgzJUUzJTgzJTk3JUUzJTgxJUE3JUUzJTgzJUFBJUUzJTgyJUI1JUUzJTgyJUE0JUUzJTgyJUJBJUUzJTgxJUE3JUUzJTgxJThEJUUzJTgyJThCJUU5JTk2JUEyJUU2JTk1JUIwJUUzJTgyJTkyJUU0JUJEJTlDJUUzJTgyJThCJnR4dC1hbGlnbj1sZWZ0JTJDdG9wJnR4dC1jb2xvcj0lMjMxRTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9NTYmcz05ZDMzNzUwMzU1OTcxYTVhM2FkZDIyYTllMDdkYjliMw%26mark-x%3D142%26mark-y%3D57%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZoPTc2Jnc9NzcwJnR4dD0lNDBuYXN1bSZ0eHQtY29sb3I9JTIzMUUyMTIxJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTM2JnR4dC1hbGlnbj1sZWZ0JTJDdG9wJnM9MTE4OTVjOTMzMjliYzUzY2JjOTQzZWQ5MzY4YjQwODU%26blend-x%3D142%26blend-y%3D486%26blend-mode%3Dnormal%26s%3D055ebf13b108d5c1cd663335dc8c3809)