JavaScript

JQuery

【WordPress】自分のサイトにQRコードを作れるページを

QRコードを作れるようにするします。 Google Chart APIを使うと、とっても簡単。以下のコードをコピペするだけでできちゃいます。 jQuery(function($){$('#create_qr')....
HTML

【WordPress】Instagramのウィジェットをサイドバーに表示させる

Instagram のウィジェットは、FacebookやTwetterのように公式に提供されていないので、外部サービスをつかったりすることが多いみたいです。 そこで、APIからデータを取得して自前でHTMLを生成する方法を試しました。...
JQuery

[WordPress]Ajaxで画像を送受信

Ajaxで画像を送受信する方法。 なかなかに手こずったのでメモ。 まずは、page.phpなどにいれておくHTML。 つぎに、function.phpなどに以下を。 JSをmyscript.jpというファイル名でfuncti...
JQuery

Master Slider でページボタンをオンマウスで表示する

スライドショーのプラグインとして、とても使い勝手のいい、Master Sliderを使っているのですが、左右にスライドさせるためのボタンが大きくて、肝心のバナーを隠してしまっているので、マウスポインターが上に来た時だけ、常時させるようにする...
JQuery

JQuery リンクのHover時のデザインいろいろ

リンクタグの上にマウスを載せた時に、CSSだけではなく、JQueryでそれっぽくリンクを主張するいろいろ。 オンマウスで文字の色とリンクの背景を反転させる 色をanimateするには、JQueryUIが必要です。なので、...
HTML

[JQuery] スクロールでTableのヘッダをシンプルに固定する(レスポンシブ対応)

行数の多いテーブルだと、スクロールしていくとヘッダ部分が消えてしまうので、固定したいときがあります。sそんなとき、なるべくシンプルにコーディングするには、固定用のテーブルを別に用意したほうがシンプルに済みます。 こんな感じで。 ...
JavaScript

[JQuery] input要素のdateタイプの値を計算する

たとえば、こんなふうに2つのdateタイプのinput要素があって、その期間を計算する方法です。 JQueryのスクリプトはこんな感じ。 setDate関数を作って、その中で計算しています。 日付のフォーマットは、...
HTML

HTML特殊文字(実態参照)の変換ツール

HTML特殊文字(実体参照)を変換します。変換する対象は、&、 の3つだけです。 使いかたは、変換したい文字列を入れてボタンをクリックするだけ。 エンコード: デコード: ソースコード このサイトの...
HTML

JQuery URLのパラメータで、Formのselect要素を選択する

URLのパラメータで、Formのselect要素を選択する方法です。 たとえば、  のようにして、ccパラメータで選択する項目を指定した場合、JQueryを使って、次のようにしてselect要素に反映させることができます。 HTML...
JQuery

画面上に表示されたら、じわっと、ふわっと表示される

左からふわっと表示されるあれです。 jquery.inviewプラグイン まず、画面に表示された時のイベントを得るために、jquery.inviewプラグインを導入します。 こちらからダウンロードして、任意のフォルダに保存します。 ...
タイトルとURLをコピーしました