Javascript／jQuery– category –

親タグにCSSを指定、追加する場合は、jQueryを使えば、簡単に対応できます。 例えば、あるボタンの親要素ごと非表示にしたい場合は、下記のように記載します。 サンプルHTML [crayon-628c51c5563e0266958265/] jQuery [crayon-628c51c5563e4692197678/] 【...

jQueryプラグイン「Colorbox」をレスポンシブ対応するための方法です。 「Colorbox」は、記事中の画像を簡単にポップアップ表示させることができる、モーダルウインドウプラグインです。 [crayon-628c51c5566bf423955341/] 上記のように、「 maxWidth」「 ...

CKEditorで、スタイル無しの<span>タグを手入力しても消えてしまうようでした。 <span>タグ自体は、文字のサイズなどのスタイルを変更すると自動で入るのですが、スタイルなしの状態の<span>のみでしたら、入力しても消えてしまいます。...

「 iziModal 」はとてもお洒落なモーダルウィンドウを実装できるjQueryプラグインです。 グループ化した時にナビゲーション（矢印）を表示できるのですが、クリックした時に、線が出てしまいます。 フォーカスした際に出る線ですので、CSSでこれを無効にす...

bxsliderがPCビューでは動作するのですが、スマホビューでだけ動作せず、少し時間を取られてしまったのでメモです。 リセットで、全ての要素に　max-width:100%;　を設定してしまっていました。 これを削除したら、動作しました。 [crayon-628c51c556b2271...

colorboxで表示する画像が高めの場合などで、「閉じるボタン」が下の方に表示され、分かりにくい場合があります。 その場合は、ボタンを上に付けると分かりやすいと思います。 colorboxは欄外をクリックでも閉じる事ができますが、分かりにくいユーザーも...

セクションごとに番号を振りたい 見出しなどに、番号を振る時があると思います。 （よくあるのが「～～の流れ」） LISTを使うのもありですが、装飾したい場合など、表示場所を独立した場合などには使えません。 また、手動で数字を振るのは、メンテナンス...

WEBサイトの更新システムなどでよく利用される、WYSIWYGエディターのCKEditor、すごく便利です。 管理画面を導入する必要があるサイトへはよく導入しています。 CKEditorはデフォルトで、ソースエディターで直接、thやtdタグ などへclassを付けた場合に、 ...