新着記事にNEWをつけたりする感じのもののサンプル。 PHPで書いたやつをJavascriptで書いてみる。
カテゴリー: Javascript
[JS]クリックでテキストエリアに説明を表示
リンクの説明、Javascriptのコード表示、バナーのURL表示に使えるテクニックです。
[JS]ページが開いたn秒後に表示
ページがロードされたn秒後に非表示にしてた要素を表示するサンプル。 エフェクトつけてもいい感じ。
[JS]フォームボタンまとめ
使用頻度の高いフォームボタンのメモ。 主にJavascriptを使用したものです。 XHTML形式のinputとbuttonの2タイプ用意してみた。 onclickとonkeypressを別のタグ(aとか)に書いても機能 […]
[JS]季節で画像を変更するスクリプト
季節(4カ月おきくらい)でイメージ画像を自動更新するスクリプトのサンプル。 しかしこの間隔ならスクリプト使うこともない気がする。 変更したい画像にIDをつける。サンプルではchangeとつけた。
[JS]ページが開いたら自動でフォーカスを合わせる
お問い合わせフォームの先頭のテキストエリアとかに、ページが開いた時フォーカスを合わせる方法について。 name、ID、配列の各サンプルを挙げてみる。 name値の場合 formIDがフォームタグのID値 inputNam […]
[JS]ステータスバーテキストを非表示にする
通常ステータスバーにはリンク先のURLが表示されるが、それを表示しないようにするスクリプトのサンプル。 事情はどうあれ、フィッシングに使われる手法なので使用には注意が必要。 昔リンクの説明などをステータスバーに表示させた […]
[JS]フォーカスされたらinputのvalue値を消す
検索とかURLのテキストエリアなんかで使われることが多い。 マウスフォーカスで、あらかじめ表示してあるvalueを非表示にするスクリプト。 このブログテーマの検索で使われてます。 以上をinputタグに追加する。 onb […]
[JS]ロールオーバースクリプト(画像名のOn/Offで判別)
前の記事はオーバーの画像だけonを追加するものだったが、 この記事ではオーバーの画像にON、アウトの画像にOFFをつけて、ONとOFFの部分だけで判別する。 ページ内の画像でoffが付いてるもの全てロールオーバーさせる、 […]
[JS]ロールオーバースクリプト(ソース変更なし)
HTML側の変更なしで、メニュー内の画像を全部ロールオーバーさせるスクリプトを作ってみた。 relにしろclassにしろイベントハンドラにしろ、ロールオーバーさせるためだけに追加するのは嫌、という時に良いかも。
[JS]見てるページのメニューを変更する(ボタンが画像の場合)
前に書いた記事のクラスを追加するタイプの場合だと、リンクしてるものが文字じゃなくて画像だったりすると画像そのものが変更出来ない。 そんな質問を見つけたので、画像ボタンの場合のものを作ってみた。 基本の判定は同じ(ファイル […]
[JS]クリックで表示・非表示を切り替える
クリックで指定した要素の表示・非表示を切り替えるスクリプト。 表示エリアを稼ぎたい時に便利。 初期非表示にしたい場合は、display:noneとしておきます。 クリック時の呼び出しは、上記ソースだとonclickイベン […]
[JS]見てるページのメニュースタイルを変更する-HighlightNavigation-
特にタブっぽいつくりをしてるメニューなんかだと、表示してるページのナビゲーションメニューを別のスタイルにしたいという場合がある。 開いてるページのボタンにだけclass=”current”とかつけ […]
[JS]擬似クラス:hoverをtrに適用するjavascript
IEだと擬似クラスの:hoverがaタグにしか適用されないので、aタグ以外のものに:hoverつけたいときに困ることが多い。 :hoverをつける要素にaタグが入って、それがリストのように1行(ないし1ブロック)しかない […]
[JS]Javascriptの有効・無効でCSSを変更する
javascriptが無効の時、有効で使ってるCSSだと表示がおかしくなる場合の回避方法について。 最近作ったサイトが、コンテンツの表示をmootoolsで動かしていて(スライドとかで)、javascript無効にすると […]