ako ti je ovo html:
PHP kôd:
#d1{
padding:10px;
}
<table border=1>
<tr><td id="d1" onclick="namesti(this,'fix','d1')">xxData</td></tr>
</table>
<div id=fix style="background-color:red;position:absolute;top:200px;left:200px;width:100px;height:100px;display:block"></div>
onda je ovo javascript koji na klik postavi div u TD:
PHP kôd:
var ns4=0;
var op5=0;
function findPosX(obj)
{
var curleft = 0;
if(obj.offsetParent)
while(1)
{
curleft += obj.offsetLeft;
if(!obj.offsetParent)
break;
obj = obj.offsetParent;
}
else if(obj.x)
curleft += obj.x;
return curleft;
}
function findPosY(obj)
{
var curtop = 0;
if(obj.offsetParent)
while(1)
{
curtop += obj.offsetTop;
if(!obj.offsetParent)
break;
obj = obj.offsetParent;
}
else if(obj.y)
curtop += obj.y;
return curtop;
}
function getElementHeight(Elem) {
if (ns4) {
var elem = getObjNN4(document, Elem);
return elem.clip.height;
} else {
if(document.getElementById) {
var elem = document.getElementById(Elem);
} else if (document.all){
var elem = document.all[Elem];
}
if (op5) {
xPos = elem.style.pixelHeight;
} else {
xPos = elem.offsetHeight;
}
return xPos;
}
}
function getElementWidth(Elem) {
if (ns4) {
var elem = getObjNN4(document, Elem);
return elem.clip.width;
} else {
if(document.getElementById) {
var elem = document.getElementById(Elem);
} else if (document.all){
var elem = document.all[Elem];
}
if (op5) {
xPos = elem.style.pixelWidth;
} else {
xPos = elem.offsetWidth;
}
return xPos;
}
}
function namesti(th,elem1,elem2) {
var
el=document.getElementById(elem1);
el.style.top=findPosY(th)+'px';
el.style.left=findPosX(th)+'px';
el.style.width=getElementWidth(elem2)+'px';
el.style.height=getElementHeight(elem2)+'px';
}