TOP /すぐに使えるJavaScript | 縦書き |
---|
<div id="tate"> <br> あけまして、<br> おめでとうございます。<br> 今年も「HIMAJIN」を<br> 宜しくお願いします。 </div> <style type=text/css><!-- #tate *{ /*文字のスタイル*/ font-family:有澤行書; font-size:14pt; color:#666666; } --></style> <script type="text/javascript"><!-- fontset=new Array(); //縦書き用文字画像を用意する fontset[0]=[" ","spase.gif"]; fontset[1]=["」","kl.gif"]; fontset[2]=["「","kf.gif"]; fontset[3]=["。","maru.gif"]; fontset[4]=["、","ten.gif"]; fontset[5]=["ー","bou.gif"]; fontset[6]=["〜","nami.gif"]; //----------------------------------------- str=(document.all)?document.all("tate").innerHTML:document.getElementById("tate").innerHTML; str=str.replace(/<br>/g,"@"); str=str.replace(/<BR>/g,"@"); str=str.match(/[^@]+/gi); set="<table align=right><tr>"; for(i=str.length;i>0;i--){ set+="<td valign=top><table width=1 style='text-align:center;'>"; for(j=0; j<str[i-1].length; j++){ for(k=0; k<fontset.length; k++){ if(str[i-1].charAt(j)==fontset[k][0]){ t="<img src='"+fontset[k][1]+"'width=15>";break; }else{ t=str[i-1].charAt(j);} } set+="<tr><td height=20>"+t+"</td></tr>"; } set+="</table></td>"; } set+="</tr></table>"; (document.all)?document.all("tate").innerHTML=set:document.getElementById("tate").innerHTML=set; /*himajin.moo.jp*/ // --></script>