どうも!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,'<').replace(/>/g,'>');
}
// ]]></script>
問題点は、はてなブログのテーマ
以前にも惑わされていましたが、どうも今のLSSのこのブログで使用中のテーマ、<table>タグ関連に対してCSS装飾をかけているようで、
「意図した通りに表示されない」
という難点を抱えておりますw
ちょっと格闘するのに時間くいそうなので、作りかけではありますが、いったん晒してみますwww
ってなとこで、今回はこのへんで!
次回もまた、よろしくお願いします^^