TOP /すぐに使えるJavaScript 縦書き


 あけまして、
おめでとうございます。
今年も「HIMAJIN」を
   宜しくお願いします。
<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>

縦書き用文字画像