JavaScript Object Problem
1 отговора
108 прегледа
JavaScript Object Problem
опитвам се да се обърна към обект от хтмл кода, представляващ <tr> таг, за да вмъкна след него още един ред от таблица, горе долу ето такa:
j = i;
i--;
еval("document.tablename.trid"+j).insertAdjacentHTML("AfterEnd", "<tr id=\"trid"+i+"\"><td>текст на втория ред</td></tr>");
обаче понеже съм много бос във JavaScript и не знам точно класовете и т.н. не знам какъв трябва да е точният път към въпросния таг и винаги получавам грешка... моля помогнете
j = i;
i--;
еval("document.tablename.trid"+j).insertAdjacentHTML("AfterEnd", "<tr id=\"trid"+i+"\"><td>текст на втория ред</td></tr>");
обаче понеже съм много бос във JavaScript и не знам точно класовете и т.н. не знам какъв трябва да е точният път към въпросния таг и винаги получавам грешка... моля помогнете
Re: JavaScript Object Problem
Добре .. виж го това какво прави
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=windows-1251">
<title></title>
<style type="text/css">
<!--
#mytable {
border: 8px solid blue;
}
#mytable td{
border: 8px solid red;
}
-->
</style>
<script language="JavaScript" type="text/javascript">
<!--
function filltable()
{
var first=document.getElementById( "first" );
var second=document.getElementById( "second" );
var rownumb=document.getElementById( "rownumb" );
var cells=new Array( first.value , second.value );
/*
Тука може би е малко тъпичко но искам
а съм сигурен че ако е Number в контролата
ще си се подаде Number
*/
var mynumb=new Number();
mynumb=rownumb.value;
fillrow( "mytable" , mynumb , cells )
}
/*
Можеш да си използваш направо тази функция подаваш и id-то
на таблицата в която искаш да добавиш нов ред, номера на реда
в който да добавиш и масив с текстовете в клетките
не забравяи че номерата започват от 0 !
Освен това не надвишаваи големината на таблицата - тоест ако имаш четири
реда не се опитваи да добавиш десети ред например !
*/
function fillrow( whattable , whatrow , cells )
{
var j=new Number();
var mytable=document.getElementById( whattable );
var newrow=mytable.insertRow( whatrow );
for(j = 0 ; j < cells.length ; j++ )
{
var newcell=newrow.insertCell( newrow.length );
newcell.innerText=cells[j];
}
}
//-->
</script>
</head>
<body>
<table id="mytable" cellspacing="10">
<tr>
<td>a</td><td>b</td>
</tr>
<tr>
<td>b</td><td>a</td>
</tr>
</table>
<table width="50%">
<tr>
<td>Текст на лявата клетка</td><td><input type="text" id="first"></td>
</tr>
<tr>
<td>Текст на дясната клетка</td><td><input type="text" id="second"></td>
</tr>
<tr>
<td>Номер на реда в който да се инсертне</td><td><input type="text" id="rownumb"></td>
</tr>
</table>
<input type="button" value="Кликни тук за да инсертнеш" onclick="filltable();">
</body>
</html>