JavaScript - トラブルへの対処、デバッグ、異種ブラウザ間の問題(CSS属性(text-shadow))

初めてのJavaScript 第2版
Shelley Powers (著)
武舎 広幸、武舎 るみ (訳)

開発環境

• OS X Lion - Apple(OS)
• Safari (Webプラウザ)
• TextWrangler(Text Editor) (BBEditの無料、light版)
• Script言語:JavaScript
• JavaScript Library: jQuery

『初めてのJavaScript 第2版』(シェリー・パワーズ著(Shelley Powers著)、武舎 広幸+武舎 るみ訳、オライリー・ジャパン、2009年、ISBN978-4-84312-225-5) の6章(JavaScriptのトラブルへの対処、デバッグ、異種ブラウザ間の問題)練習問第6-2を解いてみる。

その他参考書籍

• JavaScript 第6版
• JavaScriptリファレンス 第6版
• 『jQueryクックブック』(jQuery Community Experts 著、株式会社クイープ 訳、オライリー・ジャパン、2010年、ISBN978-4-87312-268-2)

6-2.

jQueryで要素を選択して、attrメソッドでstyleにtext-shadoを設定。

コード(TextWrangler)

var a = $('#t0').val();
var b = $('#t1').val();
var c = $('#t2').val();
var d = $('#t3').val();
var shadow = "text-shadow:" + a + " " + b +" " + c + " " + d + ";";
$('#d0').attr('style', shadow);

色:
右方向:
下方向:
ぼかし半径:

CSS属性のtext-shadowをサポートしていないブラウザでは影は出来ない。