Hello,
I have a simple connect4 game, and I compose all slots putting images in an HTML table witch actions associated
....
<td><a href='javascript:void colocarPeca(0)' onMouseOver='colocarPecaAux(0); return true' onMouseOut='anularJogada(0)'><img border='0' src='imagens/vazia.png' height='75' width='75'></a></td>
....
And I update every image after every move.
The problem, I'm having some problems using images. I want to "migrate" every image to CSS/JS objects. Is it possible?
What I need it's objects/elements that look like this:
http://oi53.tinypic.com/28vwz60.jpg
and put all that in a table with onclick actions.
Cant use
jQuery Flash.
I believe I can achieve starting with the square
function drawRectangle(left, top, width, height) {
if (document.createElement) {
newdiv=document.createElement("div");
newdiv.style.position="absolute";
newdiv.style.left = left+"px";
newdiv.style.top = top+"px";
newdiv.style.width = width+"px";
newdiv.style.height = height+"px";
newdiv.style.backgroundColor = 'blue';
newdiv.style.visibility = 'visible';
newdiv.id = 'newdiv';
newdiv.innerHTML = "real";
document.body.appendChild(newdiv);
}
}
However I have no idea how to put that circle in it.
I'm sorry for this question, I'm really not into design, what's why I was (badly) using images.