JavaScript - html()

編集できるtableと、その入力値に連動した簡易的なグラフ

Result 編集はcontenteditable属性を使っています。 動作サンプルなのですべてのセルは編集可能となっていますので、コンテンツに応じて便宜変更してください jQuery css html ...

code、pre内のコードを別窓でtextareaに表示させる

Result SyntaxHighlighterによく付いてるやつ。 これ自体需要は少なそうだけど応用すれば一般向けに使えそうです。 jQuery html via via:

textareaで行ごとにナンバリングする

Result コード見せたいけどSyntax highlight使うほどじゃない時とかに。gistでいいんじゃ、と言われたらそれまでですが。 jQuery css html foobar hogehuga via...

inputやtextareaで、指定した文字数を超えた際に警告文を出す

Result maxlength属性は何かとアレなので文字数自体は制限せずに、予め設定した文字数を超過した際に警告文を出すようにする jQuery html via Maximum Characters lim...

文字列をリアルタイム検索してハイライトする

Result jQuery css html via Real-Time Search in JavaScript by Osvaldas Valutis.

テキストをツートンカラーにする

Result jQuery css html via Is it possible to apply CSS to half of a character?

テーブル上にあるマウスの位置を表示させる

Result テーブル上のマウスの位置を表示する jQuery css html via

テーブル内で空の要素をハイライトさせる

Result 動的に作られたテーブル向けになりそうです。空の要素がある行を削除、みたいな応用もできそう。 jQuery css html via

簡易的なSyntax Highlighterを実装する

文章内のURLを自動リンク化する

リンク先をiframeを使い、Lightbox風に表示させる

長い文字を省略させて「続きを読む」みたいなリンクにする

テキストを入力するとテキストエリアが広がる

スパムな自動収集ロボットにメールアドレスを拾わせないようにする

画像の拡大鏡を実装するやつ

チェックボックスにチェックした内容を別の場所にも表示する

input要素に打ち込んだパスワードが分かるようにする

Twitterの最後のツイートをテキストだけ表示する

フッターにメニューを固定して表示/非表示出来るようにする

http://で始まるテキストをjQueryで自動リンク化

複数並ぶボックスのうち、指定した数だけ表示/非表示可能にする

Ads