Menu
Hello all.
I have a problem with changing the pictures in cells in the javascript created table.
I need to change the picture in specific cells. Like: 5.th row, 4.th cell and so on.
Here is the code:
[CODE]
<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>
<html xmlns=”http://www.w3.org/1999/xhtml”>
<title>Untitled Document</title>
<script language=”JavaScript” type=”text/javascript”>
function createfield()
{
var hosz_val = document.Jatektermeretek.hosz.value;
var szel_val = document.Jatektermeretek.szél.value;
var body= document.getElementsByTagName(“body”) [0];
var jatekter= document.createElement(“table”);
var jatekter_body = document.createElement(“tbody”);
for (var j=0; j< hosz_val; j++)
{
var sor= document.createElement(“tr”);
for (var i=0; i< szel_val; i++)
{
var cella= document.createElement(“td”);
cellaimg= document.createElement(“img”);
cellaimg.setAttribute(“src”,”../pics/houdini_pics/field_bgimg.png”);
cella.appendChild(cellaimg);
sor.appendChild(cella);
}
jatekter_body.appendChild(sor);
jatekter.appendChild(jatekter_body);
}
body.appendChild(jatekter);
jatekter.setAttribute(“border”,”0″);
jatekter.setAttribute(“align”, “center”);
jatekter.setAttribute(“cellPadding”, “0”);
jatekter.setAttribute(“celling”, “0”);
var x=document.getElementsByTagName(“td”);
alert(x.length);
x[21].setAttribute(“”)
}
function numcheck()
{
var hosz_val = document.Jatektermeretek.hosz.value;
var szel_val = document.Jatektermeretek.szél.value;
if (hosz_val < 5 || szel_val < 5)
{
alert(“A megadott értékek túl alacsonyak, a játék nem kivitelezheto” + ‘n’ + “Ne feledje: A több néha jobb”);
}
else
{
createfield();
}
}
</script>
<div align=”center”>
<h1><span class=”style1″>Első Javascript beadandó</span></h1>
<h2>Houdini Kalapja</h2>
</div>
<h3 align=”left”>Játékszabály:</h3>
<blockquote><p align=”left”><strong>1.:</strong> Adja meg a játéktér méreteit.<br />
<strong>2.:</strong> A fel, le , jobbra, balra gombokkal a kalapot mozgatva el kell kapni a nyulat.<br />
<strong>3.:</strong> A kalap mozgatás közben forog, a nyúlra <strong>rá kell húzni</strong> a kalapot! <br />
<strong>4.:</strong> A játék akkor ér véget sikeresen, ha rátettük a nyúlra a kalapot. </p>
</blockquote>
<br />
<br />
<form action=”” method=”get” name=”Jatektermeretek” id=”meretek”>
<div align=”left”>
<blockquote>
<p>Adja meg a játéktér méreteit:
<input name=”hosz” type=”text” value=”0″ size=”4″ maxlength=”2″ />
X
<input name=”szél” type=”text” value=”0″ size=”4″ maxlength=”2″ />
<input name=”submit” type=”button” value=”Indul” onclick=”numcheck()” />
</p>
<p> </p>
</blockquote>
</div>
</form>
</html>