2007-05-22

こんな感じかい?

http://anond.hatelabo.jp/20070522023230

<html>
<head>
    <title>Test</title>
    <script>
    dayString = new Array('<font color="#ff0000">日</font>','月','火','水','木','金','<font color="#0000ff">土</font>');
  
    function init() {
        h1s = document.getElementsByTagName("h1");
        for(var i=0; i < h1s.length; i++) {
            var h1 = h1s[i];
            if (h1.innerHTML.match(/([0-9]+)年([0-9]+)月([0-9]+)日/)) { 
                var yy = RegExp.$1;
                var mm = RegExp.$2;
                var dd = RegExp.$3;
                var day = new Date(yy,mm-1,dd).getDay();
                h1.innerHTML = yy+"年"+mm+"月"+dd+"日("+dayString[day]+")";
            }   
        }        
    }     
    </script>
</head>

<body onload="init()">
<h1>2007年05月10日</h1>
<h1>2007年05月18日</h1>
<h1>2007年05月19日</h1>
<h1>2007年05月20日</h1>
</body>

素人なのでよくわからないぜ。

追記: バグっていたので直しました。ごめん。 > http://anond.hatelabo.jp/20070522034339

記事への反応 -
  • &lt;h1&gt;2007年05月22日(火)&lt;/h1&gt;とした時、月~金は黒文字で表示させて、土曜は青文字、日曜は赤文字表記に勝手にするように出来ますか? ジャバスクリプトとかでもムリポ? 日付は...

    • http://anond.hatelabo.jp/20070522023230 &lt;html&gt;&lt;head&gt; &lt;title&gt;Test&lt;/title&gt; &lt;script&gt; dowString = new Array('&lt;font color=&quot;#ff0000&quot;&gt;日&lt;/font&gt;','月','火','水','木','金','&lt;font color=&quot...

      • うおお、わからん、とりあえずHTMLにしてブラウザに突っ込んでみたけどよくわからない。 そのまま突っ込んだだけじゃ駄目なのかな?どういう動作になっているのかまだ把握できない、...

        • 今時font color=""はなぁと思って書いてみたら妙に長くなってしまった。我ながらなんという資源の無駄。日付を手打ちしてるなら、むしろ日付全体を生成するほうが全然楽だけど、一応こ...

          • http://anond.hatelabo.jp/20070522105212 好みの問題だけど、私ならh1要素のinnerHTMLをreplaceで置き換えちゃうな。 でも、結局静的なことなので、エディタのマクロか何かの機能で書き換えちゃう手を...

    • 結局こうした。 span.saturday { color:blue; } span.sunday { color:red; } なんというローテク。なんというお茶目なCSS。なんという資源の浪費。

    • 俺なら2箇月に一度Perlでまとめて置換するね。

記事への反応(ブックマークコメント)

ログイン ユーザー登録
ようこそ ゲスト さん