CATEGORY "jQuery"

(17 件中 1 件目〜 5 件目を表示中)
1234next>>

[jQuery]たった1行でHTML文字列をサニタイズし改行コードはbrタグに置き換えする



HTMLエスケープ、HTMLサニタイジング…

もう少し丁寧にいうと、
「HTMLに使う特定の文字をエスケープする」とか
「HTML文字列をサニタイズする」とか。

色んな言い方があるけどどう言っても大抵通じる。


HTMLで表示する際、"<>"みたいな文字列はそのまま書いてしまうとタグとして扱われるので結果として意図したものと違うものが表示されて困る。
HTMLで悪さをする特定の文字列を無害化するためには"lt;gt;"のようにエスケープ処理を施してやる必要がある。
ま、これらを指す言葉。


jQue...
...
...
read more >>>

[jQuery]checkboxのチェックが入った行の背景を変える

前回に続き今回もcheckbox絡み。


縦方向のth要素に配置されたcheckboxのチェックを入れるとその行の背景を変えるというもの。






以下に書いたコードは以前やった↓のコードを流用している。
[jQuery]tableのtdをクリックしてcheckboxにチェックを入れる方法
http://xirasaya.com/?m=detail&hid=434




■checkboxのチェックが入った行の背景を変える



■checkboxのチェックが入った行の背景を変えるサンプルコード

<html>
<...
...
...
read more >>>

[jQuery]checkboxかradioかを調べる

jQueryを使ってcheckboxかradioかを調べたい。





この場合type属性をみればcheckboxかradioかを簡単に判断することができる。



■checkboxとradio判定のサンプルコード

<html>
<head>
<script type="text/javascript" src="js/jquery-1.9.1.js"></script>
<script>
$(function() {
$('input').clic...
...
...
read more >>>

[jQuery]tableのtdをクリックしてcheckboxにチェックを入れる方法

tableのtdをクリックしてcheckbox(radioでも可)にチェックを入れる方法。




あれやこれやと色々試したところ最後はシンプルに実装できたのでメモしておく。



■tdをクリックしてcheckboxにチェックを入れる

■サンプルコード

<html>
<head>
<script type="text/javascript" src="js/jquery-1.9.1.js"></script>
<script>
$(function() {...
...
...
read more >>>

[jQuery]テキストを効果的に表示するTextualizer

jQueryプラグインのTextualizerを使えばただのテキストを効果的に表示することができる。


こんなかんじ



Textualizerは以下のリンク先からダウンロードすることができる。

■Textualizer | K. Risk - JavaScript Refined
http://kiro.me/projects/textualizer.html


使い方も上記と同じページに載っている。
写真のあんちゃんが作ったんだね。



■動作サンプルはこちら↓
http://xirasaya.com/demo/9/



■試してみ...
...
...
read more >>>

(17 件中 1 件目〜 5 件目を表示中)
1234next>>