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

開発環境

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

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

その他参考書籍

• JavaScript 第5版 David Flanagan (著), 村上 列 (翻訳)
• JavaScriptクイックリファレンス David Flanagan (著), 木下 哲也 (翻訳), 福龍興業 (翻訳)
• 『jQueryクックブック』(jQuery Community Experts 著、株式会社クイープ 訳、オライリー・ジャパン、2010年、ISBN978-4-87311-468-2)

2.

利用中のブラウザがtext-show属性が実装されていれば実行すると影が出来る。

フォントの色
右の距離(単位em、負の数を指定すると左になる。)
下の距離(単位em、負の数を指定すると上になる。)
ぼかし半径(単位px) 色

コード(TextWrangler)

var f = $('#f0').val();
var r = $('#t0').val();
var u = $('#t1').val();
var c = $('#t2').val();
var color = $('#t3').val();
var s = 'color: ' +
        f + 
        ';text-shadow:' +
        r + 'em ' +
        u + 'em ' +
        c + 'px ' +
        color;
$('#d0').attr('style', s);