create IMG in position
0 views
Skip to first unread message
David Ximenes
Feb 23, 2009, 10:16:11 PM2/23/09
to MochiKit
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!!!
(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!!!
Per Cederberg
Feb 24, 2009, 3:08:07 AM2/24/09
to MochiKit
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
inspect the DOM properties of individual elements as well as modify
the CSS properties.
Cheers,
/Per
Message has been deleted
David Ximenes
Feb 24, 2009, 1:56:07 PM2/24/09
to MochiKit
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.
On 24 fev, 05:08, Per Cederberg <cederb...@gmail.com> wrote:
> 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
>
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.
On 24 fev, 05:08, Per Cederberg <cederb...@gmail.com> wrote:
> 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
>
Reply all
Reply to author
Forward
0 new messages