Category : TIPS

READ MORE

Webページ上でインフォメーションやお知らせ記事を一覧で表示するような枠で、デザイン(レイアウト)上、一覧表示では一行表示分の枠を設け、(長いタイトルなどは「…」で切ったり)クリック後ページ遷移をして全体を見せるやり方はよくあること。そんな際、タイトル的な内容までも途中でテキストを切ってしまうのは今までも気が引けていた…

READ MORE

サイトの会員登録やショッピングサイトなどで、入力フォームの項目がたくさん存在するページは、何かと面倒に感じたりします。「必須項目」をとりあえず埋めて次へ進みたいと思うこともよくあること。最近ではその様な入力フォームが数多く存在するページでは、「必須項目」を視覚的に判断させるためにちょっとした工夫を施しているサイトを良く…

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…

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