create IMG in position

Discussion:

David Ximenes

2009-02-24 03:16:11 UTC

hi,

(sorry, my english children´s, i´m from Brazil)

i´m study MochiKit and try the following code.

create an image
set position
appendchild

img = IMG({'src': 'path'}, null)
setElementPosition(img, getElementPosition(domEle))
appendChildNodes(currentDocument().body, img)

i´m trying put an image in position of the a other element put this don
´t work!

please some light, some help, i stay in headache!!!

--~--~---------~--~----~------------~-------~--~----~
You received this message because you are subscribed to the Google Groups "MochiKit" group.
To post to this group, send email to ***@googlegroups.com
To unsubscribe from this group, send email to mochikit+***@googlegroups.com
For more options, visit this group at http://groups.google.com/group/mochikit?hl=en
-~----------~----~----~----~------~----~------~--~---

Per Cederberg

2009-02-24 08:08:07 UTC

Permalink

Try using Firebug and step though your code. From Firebug you can
inspect the DOM properties of individual elements as well as modify
the CSS properties.

Cheers,

/Per

Post by David Ximenes
hi,
(sorry, my english children´s, i´m from Brazil)
i´m study MochiKit and try the following code.
create an image
set position
appendchild
img = IMG({'src': 'path'}, null)
setElementPosition(img, getElementPosition(domEle))
appendChildNodes(currentDocument().body, img)
i´m trying put an image in position of the a other element put this don
´t work!
please some light, some help, i stay in headache!!!

--~--~---------~--~----~------------~-------~--~----~
You received this message because you are subscribed to the Google Groups "MochiKit" group.
To post to this group, send email to ***@googlegroups.com
To unsubscribe from this group, send email to mochikit+***@googlegroups.com
For more options, visit this group at http://groups.google.com/group/mochikit?hl=en
-~----------~----~----~----~------~----~------~--~---

David Ximenes

2009-02-24 18:56:07 UTC

Permalink

I change my firebug for version 1.3x.b3, the last, is amazing, but IE
got the erros and Firefox/firebug don´t. i use firefox 3.0.6 and
windows vista. I thought downgrade to some Firefox 2.0.

That code which i try
<style type="text/css">
.move {
top: 100px;
left: 100px;
position: absolute;
}
</style>

<script language = 'javascript' type='text/javascript'>
function CreateImg(){
appendChildNodes(currentDocument().body, IMG({'src':'file:///c:/
correct.gif'}, null))
}

//i´m try put an image in the <p>

function ChangePosition(){
var imgs = getElementsByTagAndClassName('img', '', currentDocument
().body)
var p_elem = getElementsByTagAndClassName('p', '', currentDocument
().body)
for (i in p_elem){
coord = getElementPosition(p_elem[i])
setElementPosition(imgs[i], coord)
}
}
</script>
</head>
<body>
<img src='file:///c:/correct.gif' class='move'>
<input type='button' value='CreateImg()' onclick = 'CreateImg();'>
<input type='button' value='ChangePosition()' onclick = '
ChangePosition();'>

Thanks man, while don´t change my enviroment i try your sugest.

Post by Per Cederberg
Try using Firebug and step though your code. From Firebug you can
inspect the DOM properties of individual elements as well as modify
the CSS properties.
Cheers,
/Per