Little Strange Software

スマホアプリの開発を行う LittleStrangeSoftware のブログです。

【作りかけ】単純に<table>タグを書き出すだけなら…

 どうも!LSSです!!

 

tableタグの生成を、またinputタグ頼みでやってみました…が、見栄えがイマイチ^^;

 

 

tableタグ生成

 行

 

 

コード

 

 

 

コードを生成するスクリプトのコード

…は、こんな感じ↓なんですけどね 

 

<p>列<input id="n1" style="width: 3em;" max="10" min="2" type="number" value="2" /> 行<input id="n2" style="width: 3em;" max="30" min="2" type="number" value="2" /></p>
<div id="gamen"> </div>
<script>// <![CDATA[
txt='';
n1.addEventListener('input',gw,false);
n2.addEventListener('input',gw,false);
gw();
function gw(e){
 txt='<table border="1">';
 for(i=0;i<eval(n2.value);i++){
  txt+='<tr>';
  for(j=0;j<eval(n1.value);j++){
   txt+='<td>'+j+'-'+i+'</td>';
  }
  txt+='</tr>';
 }
 txt+='</table>';
 gamen.innerHTML=txt;
 gamenc.innerHTML=txt.replace(/</g,'&lt;').replace(/>/g,'&gt;');
}
// ]]></script>

 

 

問題点は、はてなブログのテーマ

以前にも惑わされていましたが、どうも今のLSSのこのブログで使用中のテーマ、<table>タグ関連に対してCSS装飾をかけているようで、
「意図した通りに表示されない」
という難点を抱えておりますw

 

ちょっと格闘するのに時間くいそうなので、作りかけではありますが、いったん晒してみますwww

 

 

 

ってなとこで、今回はこのへんで!

次回もまた、よろしくお願いします^^