css 【css】画像を正方形に切り取る（トリミング）方法
画像などを画面に並べるときに、それぞれの画面の縦横の長さが違うと並び方がめちゃくちゃになって見栄えが悪いですよね！みなさんがよく知っているラインなどは、アルバムで画像を見ると、すべての画像が正方形に切り取られて、きれいに整列してますよね。今...
css JavaScript 【javaScript・jQuery】動的に追加した要素にイベントを付与する方法
画面を表示した後に、動的に追加した要素にイベントを付与するには一工夫必要です。1_改行できません。要素追加<script src=""></script><form action="#" method="POST"> <!-- 改行をしたく...
JavaScript 【javaScript・jQuery】貼り付けられたテキストの改行をなくす
改行を禁止するやり方は、以下を参照上記の記事で紹介した改行の禁止方法では、エンターキーでの改行を無効にできても、改行されている文章を貼り付けられた場合は、改行されたままテキストエリアに貼り付けられてしまいます。せっかくテキストエリアなどでの...
JavaScript 【javaScript・jQuery】改行を禁止にする
フォームの入力欄でテキストエリアでの改行をできないようにしたいときはあると思います。そんなときの改行を禁止するためのソースコードを紹介します。＊「KeyboardEvent.keycode」や「KeyboardEvent.which」でもキ...
JavaScript 【javaScript・jQuery】動的に追加したhtmlタグがタグとして認識されず、文字として表示されてしまう。
javaScriptやjQueryを使って、動的にhtmlのタグを追加するときってありますよね。そんな時に、何も考えずにどこかのサイトからコピペしたソースコードを貼ると、htmlタグがタグではなく、文字として表示されてしまう...なんてこと...
JavaScript 【javaScript・jQuery】クリップボードへのコピーをする(iPhone・androidに対応)
javaScriptで、スマホでクリップボードにコピーするためのコードを紹介します。execCommandというのを使うのですが、このメソッドは、androidのchromeでは、結構前から対応しているのですが、iPhoneに関しては、iO...
JavaScript 【javaScript・jQuery】特定の文字数で文字列をカットしたい
webサイトを作成する際に、ある文字数以上は表示せずに末尾に「...」と追加して表示したいときとかありますよね！そんなときのソースコードは以下です。５文字以上の部分はカットして「...」と表示しています。サンプルの例で言うと、「あああああカ...