サンプルコード:JavaScript

ロールオーバー時のイベントハンドラで表示する画像を切り替える

マウスなどのポインティングデバイスでロールオーバーした時に、表示する画像を切り替えるコードです。イベントハンドラのonmouseover属性とonmouseout属性をimg要素に指定します。

ページ表示の時、フォームの特定フィールドにフォーカスする

問い合わせやオーダーフォームのページを表示した時に、特定のフィールドにフォーカスしている状態にするコードです。最初に入力する部分が分かりますので、ユーザーに親切な処理です。

jQueryの関数でタグ要素の属性値を削除する

HTMLのタグには、プラグインか何かで自動的に属性値が付加されてくることがあります。
それを削除したい場合は、jQueryの関数removeAttr()を使って削除することができます。

aタグにonclick属性を付けた時のイベント内処理のキャンセル

aタグにonclick属性をつけて、クリックした時にJavaScriptの関数を実行するようにした場合、関数実行後にhref属性の値を参照しようとします。
これをキャンセルするには以下のようにfalseを戻り値となるように記述します。

オンライン講座

Webの基礎マスター講座ページへのリンク


連載講座:WordPressで作る簡単Webサイトページへのリンク

提供しているサービス

WordPressサイト制作出張講座ページへのリンク

WordPress を利用した Webサイト制作の方法を、
あなたのオフィスにうかがいご説明いたします。
料金:¥28,000

サービス詳細ページ >>

申し込みフォーム >>


Webサイト1日公開サービスページへのリンク

一刻も早く Webサイトが必要な方のために、
一緒に作業し1日で公開までもっていきます。
料金:¥28,000

サービス詳細ページ >>

申し込みフォーム >>

特集記事

  • jQuery Mobile Image

    jQuery Mobile を基本から覚える
    スマホサイト制作に最適なフレームワークの利用方法を解説。DEMOページ・サンプルコードで動作を確認できます。

スポンサーリンク

ページの先頭へ