質問掲示板
1:馨織

掲示板の土曜と日曜の表示変更

お忙しいところすみません。どうも自分だけでは思うようにならずに困り果てしまいました。是非ともご指導お願いします。

他のiらんどHPで、よく土曜と日曜が青字の(Sat)・赤字の(Sun)になってる所がありました。「JavaScriptのreplaceメソッド使ってるんだろうな」と思い、チャレンジしたのですが断念してしまいました…
どうしたらうまく機能するのでしょうか?宜しくお願いします!
(PC)
7/9 3:04
2:PUREST◆gAxC
馨織さんのお考えのとおり、replaceメソッドでfont要素に挟んだ文字に置換していると思いますよ。
どのように記述したのでしょう?
エラーは出ましたか?
(PC)
7/10 23:23
3:PUREST◆gAxC
とりあえず下のようにやってみたらできました。(OperaではCSSが無効になるので、CSSをlink要素で外部化した方がいいです)

document.write('<style>table{width:50%;border-width:5;border-style:ridge;border-color:silver;margin-left:25%;margin-light:25%}</style>');
window.onload=function(){
myHTML=document.body.innerHTML;
myR=[ /<hr size=.?1.?>/gi, /\(日\)/g, /\(月\)/g, /\(火\)/g, /\(水\)/g, /\(木\)/g, /\(金\)/g, /\(土\)/g ];
myT=[ "</td></tr></table><br><table><tr><td>",
"<font color=red>(Sun)</font>", "(Mon)", "(Tue)", "(Wed)", "(Thu)", "(Fri)", "<font color=blue>(Sat)</font>" ];
for(i=0;i<myR.length;i++){
myHTML=myHTML.replace(myR[i],myT[i]);}
window.document.body.innerHTML=myHTML+'</td></tr></table>';
}
(PC)
7/12 22:04
4:PUREST◆gAxC
ちなみに()は正規表現で普通に使う記号なので、エスケープしてやる必要があります。
(PC)
7/12 22:05
5:馨織
返事遅れてすみませんっ!上のを参考にさせて頂いたところ機能しました!
私が出来なかった原因は、

myT=[ "</td></tr></table><br><table><tr><td>",
が、よくわからなかったという所みたいです。
本当助かりました。ありがとうございました!HP完成したら報告させていただきますっ!
(PC)
7/20 14:10
6:削除済
7/26 23:20
 
7:削除済
7/26 23:20
 
最新レスを表示する
Presented by Z-Z BOARD