魔法使いのコスプレをする女の子

決められた文字列が入力された時にその文字列の色を変化させるjQuery

2017年2月26日

掲示板で書き込みがあった時やウェブサイトが更新された時等、何かしら変化があったとしてもブラウザを更新しなければ掲示板やウェブサイトの最新の状態は反映されません。ブラウザの更新、ショートカットキーでいうと、WindowsでいえばF5ボタン、Macでいえばcommand + Rの同時押しになりますね。……
パソコンの画面を見て思わず驚く猫

ページを自動で更新(F5)させるjQuery

2017年2月19日

掲示板で書き込みがあった時やウェブサイトが更新された時等、何かしら変化があったとしてもブラウザを更新しなければ掲示板やウェブサイトの最新の状態は反映されません。ブラウザの更新、ショートカットキーでいうと、WindowsでいえばF5ボタン、Macでいえばcommand + Rの同時押しになりますね。……
数を数える男性

フォームの入力欄に入力された文字数によって分岐処理するjQuery

2017年2月10日

フォームの入力欄に入力された文字数が8文字であれば形式的に合っている、逆に8文字でなければ形式的に確実に間違っている場合があるとします。
例をあげるのであれば下記のようなパターンでしょうか。
20170210……
何も記入されていない用紙

フォームの入力欄に何も入力されていない場合、送信前にアラートを出すjQuery

2017年2月5日

お問い合わせページのようなフォームに情報を入力するページで、必須項目部分の入力欄に何も入力されていない状態で送信されてきては困ってしまいますよね。
ネット通販で何かを買う時、住所や電話番号を入力しますが、何か抜けがあった場合に「必須項目が記入されてませんよ」みたいな警告が出された経験誰しもありますよね。……
TOPへ

下へスクロールした時に「TOPへ」ボタンを表示させるjQuery

2017年1月3日

下へスクロールした時に「TOPへ」ボタンを表示させるってどういうこと?って思う方はまずはいつもの如く完成デモをご覧下さい。このページに実装していますので。
このページを下までスクロールしていくと「TOPへ」と書かれたボタンが何処からともなく表示され、それをクリックするとページの上部まで自動でスクロールしてくれます。……
ボタン

クリックされたボタンの色を変更するjQuery

2016年9月25日

画像のボタンがあったとして、そのボタンをクリックした時に何らかのアクションを与えたい時があるとします。例えばそのボタンの色を変更したり、別の画像に差し替えたりとかですね。……
カフェでパソコン

クリックされたボタンによってリンクの指定先を変更するjQuery

2016年7月14日

通常はa.htmlにリンクされているリンクがあったとします。でもあるボタンを押すと、b.htmlにリンクされているリンクに変更されるというものです。
はて…どうすればいいんだろうって思った方、jQueryならちょちょいのちょいで簡単に実装することが出来るんですよ。……
メモ帳

Ajaxでテキストファイルを読み込んでクリックでHTMLに書き出すjQuery

2016年5月18日

エクセルに記入しているデータをウェブサイトに表示させたいのだけど、頻繁に更新されるデータの為、その都度ウェブサイトに反映させるのは大変ですよね?何か良い方法はないでしょうか?
こんな質問を受けること……
検索する少女

検索ボックスに入力された値や数を取得するjQuery

2016年5月15日

検索ボックスに入力された値や半角スペース区切りで入力された複数の値、または入力された値の数をjQueryで取得したいのに思うように取得出来なくて困ったという経験をしたことのある方は少なくないのではないでしょうか?……
アコーディオン

【簡単シンプル】プラグインを使わずにクリックで展開するアコーディオンの作り方

2016年4月6日

使い所の多すぎるアコーディオンメニュー。作り方を調べてみたら、意外と難しそうで読むのを途中で辞めちゃったなんて方も少なくないのではないでしょうか?
プラグインを読み込んでたり、異様に長いソースだったり……読むのを辞めちゃう気持ちもよく分かります。
でも当サイトの作り方は超簡単で、単純明快です。……
痒くてかきかきする猫

スクロールして画面内におさまった時点でコンテンツを表示させるjQuery

2016年4月2日

通常ウェブページを開いたと同時にコンテンツは全て表示されますが、今回はスクロールして画面内におさまった時点でコンテンツを表示させるjQueryのご紹介です。……
固定しているネジ

スクロールしてもページ上部にメニューを固定するjQuery

2016年2月7日

1ページ毎のボリュームがあまりないサイトでは必要性を感じませんが、ボリュームがあるサイトではどうしてもページが縦に長くなってしまいますよね。……
木の裏に隠れている男性

jQueryでselectタグの選択された値によって表示・非表示を切り替える方法

2016年1月24日

jQueryでselectタグの選択された値によってある要素を表示させたり、あるいは非表示にしたりといったことは非常に使う機会が多いです。……
チェックリスト

jQueryでチェックボックスの状態取得する方法

2015年10月25日

お問い合わせ画面や会員登録画面を作る際、必須の項目が未入力だった場合にそのまま送信されてきては困りますよね。送信される前に未入力であれば未入力であると、入力して頂くお客様にお知らせしなければなりません。……
煌びやかなネオン

超簡単にページをふわっと表示させる

2015年9月21日

サイトの印象って少し効果を付け足すだけでも大きく変わるものです。例えばページが表示される際にふわっと表示されるだけでも、お洒落なサイトに見えたりするものなんです。……
マウス

jQueryでページ内リンクをなめらかにする

2015年9月6日

ページ内リンクはクリックした瞬間にリンク先に飛びます。
いうなれば瞬間移動するといった感じです。
ただ、あまりにも瞬間的過ぎて素っ気ない為、もう少しアニメーションの効果が欲しくなるといった場合もあるかと思います。……
jQuery

jQueryの実行タイミングの操作

2015年8月23日

jQueryでプログラムを書いたものの、何故かうまいこと動かないってことありませんか?
通常jQueryのソースは<head>タグ内に記述するのが一般的ですが、それでは動かないことがあります。……