| |
|
|
| | В общем, есть такая подзадача: организовать ввод данных так, чтобы пользователю было удобно. Требуется ввести пользователю двумерную квадратную матрицу (размеры задаются пользователем).
Двумерные массивы не самая любимая тема для меня, но «работающий» код написал:
var N=3;
var M=[[],[],[],[],[]];
function OnGradeChange()
{
t=document.getElementById("grade").value;
N=t*1;
alert(N);
ChangeGrade(N);
}
function ChangeGrade(n)
{
panel=document.getElementById("g");
panel.innerHTML="";
for(i=1;i<=n;i++)
{
for(j=1;j<=n;j++)
{
panel.innerHTML+="<input type=text size=2 name='g"+ i +"_"+ j +"' onChange='OnFieldChange(this)' />";
}
panel.innerHTML+="<BR />";
}
for(i=1;i<=N;i++)
for(j=1;j<=N;j++)
{
alert(i+" "+j);
document.getElementByName("g"+i+"_"+j).value=M[ i ][j];
}
}
function OnFieldChange(f)
{
fname=f.name;
line=fname.charAt(1);
col=fname.charAt(3);
M[line][col]=f.value;
}
|
Это раздел <script>
В BODY добавляем
<div id=common align=center>
<FORM>
<input type=text size=10 name="grade" id="grade" onChange="OnGradeChange()" /><BR /><BR />
<div id="g"></div>
<BR /><BR />
<input type="button" name="Start" value="Start" onClick="OnStartClick()" />
</FORM>
</div>
<div id="res">
<i>Write what you need and press Start</i>
</div>
<script>
ChangeGrade(3);
</script>
|
Да, и еще не забываем описать стили:
table#matrix
{BORDER-LEFT:1pt solid black;
BORDER-RIGHT:1pt solid black;
BORDER-TOP:none;
BORDER-BOTTOM:none;}
|
Вроде бы все сказал.
Теперь вопрос, ибо темы обычно вопросительного характера на этом форуме. Внимание: как сделать так, чтобы матрица сохранялась при изменении степени? То есть, если, допустим, пользователь ввел «1 1 1 // 2 2 2 // 3 3 3» (матрица 3х3) при степени 3, а затем поменял степень на 2, то на экране было «1 1 // 2 2». (символ «//» — разделитель строчек)
P.S. Две минуты назад прочитал о createElement — возможно, это то, что надо (я не работал с этой штукой).
Спасибо за внимание. Буду ждать ответов.
P.P.S. надоело сообщение править. Чего оно [i] как курсив трактует ? :-) | |
| |
|
