iframe の高さを動的に設定し親画面でスクロールバーを表示させなくする方法

iframe の高さを動的に設定し親画面でスクロールバーを表示させなくする方法

iframe で読み込んだ子ページが動的に高さの変わるページであった場合、読込み元の html で高さを設定してあげることは難しいです。最大サイズに合わせると余白が余ってしまうし、それより小さくすると...

JavaScript で指定したテキストをクリップボードへコピーする方法

JavaScript で指定したテキストをクリップボードへコピーする方法

Internet Explorer (以下、IE) 以外のブラウザで、JavaScript からクリップボードへコピーさせるのが難しかったため、以前は Flash を経由させたライブラリ zerocl...

CSS で画像を丸く表示する方法

CSS で画像を丸く表示する方法

2016/01/29 HTML・CSS

ブログのアイキャッチ画像や記事の一覧リストの画像が丸くなっているサイトを見掛けることがあると思います。わざわざ画像を丸く切り取っているかと思いがちですが、CSS で簡単に実装することができます。 ...

CSS 隣接セレクタ 直下セレクタ 間接セレクタの使い方を理解しよう

CSS 隣接セレクタ 直下セレクタ 間接セレクタの使い方を理解しよう

2016/01/27 HTML・CSS

スタイルシートで画面デザインをしていると、ある特別な条件に限ってスタイルを指定したいことがあります。無理矢理その条件に対してクラス設定をして強制的にスタイルを噛ませることが多々ありましたが、ソースコー...

jQuery で右クリックのイベントを禁止する方法

jQuery で右クリックのイベントを禁止する方法

Web サイトを構築していると、コンテキストメニューを表示させたくない場面がいくつが出てきます。例えば以下のようなケースが挙げられるでしょう。戻る、進むを利用させたくない 再読み込みをさ...

RSS アイコンを HTML と CSS で作成する方法

RSS アイコンを HTML と CSS で作成する方法

2016/01/19 HTML・CSS ,

単純な形でれば、CSS で簡単に描くことが出来ます。今回は RSS アイコンを実装してみましょう。前回のハンバーガーメニューと共に、あまり需要がないかもしれませんが、僕の趣味の範囲ということで、お付き...

メニューの三本線「ハンバーガーメニュー」を HTML と CSS だけで実装する方法

メニューの三本線「ハンバーガーメニュー」を HTML と CSS だけで実装する方法

2016/01/18 HTML・CSS ,

スマホでサイト閲覧している時によく見掛けるメニューの横にある三本線、ハンバーガーメニューと呼ばれ、場所を取らずシンプルにメニューが表示されるものであることを示すことができる、横幅の短い画面に最適なアイ...

【全角対応済】JavaScript で数値を3桁カンマ区切りにする方法

【全角対応済】JavaScript で数値を3桁カンマ区切りにする方法

桁数の多い金額入力項目等、テキスト欄に数値を入れてフォーカスが外れたタイミングで見やすいようにカンマ区切り表示をして欲しいといった要望が時々あります。データ登録をする際にはカンマを外さなければいけない...

CSS で HTML 内の画像やテキストを中央寄せにする方法

CSS で HTML 内の画像やテキストを中央寄せにする方法

2015/12/24 HTML・CSS ,

画像ファイルの img タグはインライン要素、そしてテキストを囲う段落を表す p タグはブロック要素です。テキストを装飾するための span タグや strong タグ、リンクの a タグはインライン...

jQuery でテキストボックスの書き換え/取得/追記/削除を行う方法

jQuery でテキストボックスの書き換え/取得/追記/削除を行う方法

2015/10/08 jQuery 基本

テキストボックス内の value 値を変更したり取得や削除を行う処理は、jQuery の中でも基本的な操作となります。今回は様々な処理パターンを例に挙げ、テキストボックスに対する操作を jQuery ...

Name :
ダッフィーと jQuery が大好きな元エンジニアです。メインブログ NJ-CLUCKER では、日常困ったことや様々な情報を雑多に取り扱っています。皆が一度は見たことがあるブログを目指し、日々更新中です。
NJ-CLUCKER

PAGE TOP ↑