JQueryプラグインなどJavascriptに関すること
CSS 親タグにCSSを追加・適用する
親タグにCSSを指定、追加する場合は、jQueryを使えば、簡単に対応できます。
例えば、あるボタンの親要素ごと非表示にしたい場合は、下記のように記載します。
サンプルHTML
jQuery
CSSのみで対応できるか？
ち...
Javascript／jQuery jQueryプラグイン「Colorbox」をレスポンシブ化する
jQueryプラグイン「Colorbox」をレスポンシブ対応するための方法です。
「Colorbox」は、記事中の画像を簡単にポップアップ表示させることができる、モーダルウインドウプラグインです。
上記のように、「 maxWidth...
Javascript／jQuery CKEditorで、styleなしのspanタグを許可する
CKEditorで、スタイル無しの<span>タグを手入力しても消えてしまうようでした。
<span>タグ自体は、文字のサイズなどのスタイルを変更すると自動で入るのですが、スタイルなしの状態の<span>...
Javascript／jQuery jQueryプラグイン iziModal の矢印をクリックした時の線を消す
「 iziModal 」はとてもお洒落なモーダルウィンドウを実装できるjQueryプラグインです。
グループ化した時にナビゲーション（矢印）を表示できるのですが、クリックした時に、線が出てしまいます。
フォーカスした際に出る線ですので、...
Javascript／jQuery bxsliderがスマホで動作しない
bxsliderがPCビューでは動作するのですが、スマホビューでだけ動作せず、少し時間を取られてしまったのでメモです。
リセットで、全ての要素に max-width:100%; を設定してしまっていました。
これを削除したら、動作しました...
Javascript／jQuery jQuery colorbox の閉じるボタンを上部に表示（移動）
colorboxで表示する画像が高めの場合などで、「閉じるボタン」が下の方に表示され、分かりにくい場合があります。
その場合は、ボタンを上に付けると分かりやすいと思います。
colorboxは欄外をクリックでも閉じる事ができますが、分か...
Javascript／jQuery jQuery（Javascript）で自動で連番を振る方法
セクションごとに番号を振りたい
見出しなどに、番号を振る時があると思います。
（よくあるのが「～～の流れ」）
LISTを使うのもありですが、装飾したい場合など、表示場所を独立した場合などには使えません。
また、手動で数字を振るの...
Javascript／jQuery 【CKEditor】でTHやTDタグに追加したクラスが消えないようにする
WEBサイトの更新システムなどでよく利用される、WYSIWYGエディターのCKEditor、すごく便利です。
管理画面を導入する必要があるサイトへはよく導入しています。
CKEditorはデフォルトで、ソースエディターで直接、thや...