ホーム > タグ > JavaScript・jQuery

JavaScript・jQuery

リンクしているパスから JavaScript(jQuery)でファイル名を抽出する方法。

PHP には「basename()」や「dirname()」という便利な関数があり、それぞれファイル名とディレクトリ名を、指定したパスから抽出することができます。
しかし、JavaScript にそんな便利機能はありません。
自ら処理を用意してやる必要があります。

今回はその処理と、jQuery を使って簡単に適用する方法をご紹介します。
この記事の続きを読む

jQuery で CSS を切り替えて文字サイズを変更する 2 つの方法。

最近、文字サイズの切り替えボタンを設置しているサイトも多くなってきましたね。
自治体や病院など公共性の高いサイトを中心に、導入が進んでいるようです。
僕自身も医療系のサイトに関わることが多いのですが、「設置して当然」の要件となりつつある感じ。
まー、正直「周りがやってるから」というのが主な理由なんですが、結果としてユーザビリティやアクセシビリティにつながるなら良しとしましょう(誰

今回は、その「ボタンをクリックして文字サイズを変更」する機能を実現する方法について、定番を 1 つと、新しく見付けたのを 1 つご紹介します。
定番の方は、プラグインを追加するだけなので手軽&気軽にできるのが特徴。
新発見の方は、いろいろ書かないといけないので若干メンドくさいですが、その分、変更するスタイルの種類を混在させること(文字サイズ&背景色 等)も可能となっております。
この記事の続きを読む

IE6、IE7 で「識別子、文字列または数がありません」というスクリプトエラーが発生する。

最近 jQuery を使うことが多く、それに伴ってデバッグ作業が増えてきました。
その中でもちょくちょく目にするのが「識別子、文字列または数がありません」というエラー。
主に IE6、IE7 で発生しています(たぶん IE8 では出たことない)。

で、原因なんですが、まぁ言ってしまえばケアレスミスです。
この記事の続きを読む

jQuery で奇数番目・偶数番目を指定するときの注意点。

ちょっとはまったのでメモ。
リストやテーブルに対して、jQuery で奇数番目・偶数番目の要素を指定するときの注意点です。

例えば、以下のような HTML があるとします。

<ul id="list">
	<li>要素01</li>
	<li>要素02</li>
	<li>要素03</li>
	<li>要素04</li>
	<li>要素05</li>
</ul>

で、奇数番目の li 要素の文字色を赤に、偶数番目の li 要素の文字色を青に変更したいと思います。

正しく実行されれば、要素01・要素03・要素05が赤文字、要素02・要素04が青文字になるはずですね。
ところが、使用する方法(セレクタ)によっては、期待したのとは逆の結果になることがあります。
この記事の続きを読む

ActionScript 3.0 で Javascript を呼び出してウィンドウを閉じる方法。

ググっても情報がなぜか少ないので、とりあえずメモ的にアップ。

window.open() なんかで開いたサブウィンドウを、テキストリンクやボタンで閉じるための方法です。

HTML でウィンドウを閉じる

HTML ではこんな書き方をするヤツですね。

<a href="javascript:window.close();">このウィンドウを閉じる</a>

input タグを使う場合は、こんな感じ。

<input type="button" value="このウィンドウを閉じる" onClick="window.close()" />

この記事の続きを読む

1 / 3123

Home > Tags > JavaScript・jQuery

リンク
フィード
メタ情報

このページのトップへ