Category : TIPS

READ MORE

先日のエントリー≫jQueryでツールチップ。のツールチップは通常のHTMLサイトでは動作的に問題が無いのですが、システムと大きく絡む構成のサイトにおいて、ツールチップ内に表示する内容が、ユーザーの入力した任意の値を組み込んだりする場合、title属性からツールチップを表示する構成には脆弱性が発生する可能性があることが…

READ MORE

うまくいったと思い込んで何度も失敗していたjQueryで子要素と孫要素の値を取得する方法のメモ書き。jQueryで自分の子要素の値を取得する「.children()」。この関数は子要素のみで孫要素までは見てくれない。◆例 -------------------------------------------------…

READ MORE

jQueryを使ってのツールチップのライブラリはネット上にも山のようにありますが、どうも理想と合ったものがなかったので≫TITLE属性を利用した簡単ツールチップの作り方 jQuery編 :: 5509(+1)を参考にさせてもらいあれこれ改修かけて作ってみました。ソース内のtitle属性を利用してマウスオーバーでツー…

READ MORE

昨日書いたチェックボックスのクリック動作を拡張してみました。追加要素は、・チェックボックスを「全て選択」「全て解除」のボタンを追加。・チェックされている件数の表示。・チェックされているTDの背景色を変更。(マウスオーバーとは別色)動作サンプルは以下↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓TDの背景色はマウスオーバーで…

READ MORE

Webページ上のチェックボックスはクリック範囲が小さく、使いづらいと感じています。そんなチェックボックスのクリック範囲をjQueryを使って広げるスクリプトの紹介。まずはスクリプトから。※TABLEのTD中にチェックボックスが配置してある場合のサンプルです。[javascript]◆SCRIPT$(function()…

READ MORE

jQueryでの条件分岐方法はさまざまですが、<div>など特定のエリア内の子要素に対して、CLASS名で条件を設定し、固有の指定を加える方法が今後も使えそうだったのでここにメモ書きしておきます。スクリプトは以下。◆SCRIPT ---------------------------------------…

READ MORE

jQueryやその他ライブラリを同時に使おうとしても単純にライブラリファイルを読み込んだだけでは機能しません。そんな中、jQuery+mootools や jQuery+prototypeのように共存させる方法があったのでメモ書き。◆jQuery+mootoolsjQueryとmootoolsを同時に使う方法 | TH…

READ MORE

前回に続き、今回もjQueryを使ってのマウスオーバー効果。最近よく見る動きではありますが、ボタンなどマウスオーバーでツールチップをフェードイン表示させる方法をやってみたかったので試してみました。まずはサンプルから。(ボタンにマウスオーバーしてみてください。)単純にJavaScriptだけでもマウスオーバーでツールチッ…

READ MORE

最近ではサイト上でギャラリー的な表現をする場合、Flashで動きを付けてきれいに見せるやり方はよく見かけますが、Flashを使わずに何か出来ないか実験的に試してみました。jQueryでの表示を動的に切り替える(ソートさせる)プラグインに加え、最近お気に入りのFancyBoxと組み合わせることで下記の様な見せ方が。サンプ…

BlackFlag
FOLLOW
Hatena Bookmark
Popular Entries
Recent Entries
PR
Facebook
Animal Protection
  • 福島被曝牛支援のお願い
  • NO FUR
Books
  • jQuery Technical Note
  • 外掛OUT! jQuery 高手精技
Partner