I am new to prototype, thought it would be easiest way to accomplish cross browser compatibility... but alas, syntax escapes me in binding! Heeeeres... my code!
Code:
function OrbCreator(){
var b = new Element('img',{src: '../images/Orb.png', position: 'absolute', display: 'none', left: '10000px', top: '0px', width: '100px', height: '100px', zIndex: '0'});
$('container').insert(b);
this.set=setAttribute(b,);
}
function moveOrb(x,y,z){
left=x-Os;
top=y-Os;
zIndex=z;
height=Os;
width=Os;
opacity=1/z;
display='block';
this.set=display:display,left:left,top:top,width:width,height:height,zIndex:zIndex,opacity:opacity;
if(renew=2){
this.set({src:"../images/NewImage.png"});
}
if($('message').getStyle('top')>0){
writeAttribute("message",{top: top++})
}
}
So slap me silly and call me names, but what am I doing wrong and please, very importantly... why is it wrong and what is right, why?
function OrbCreator(){
var b = new Element('img',{src: '../images/Orb.png', position: 'absolute', display: 'none', left: '10000px', top: '0px', width: '100px', height: '100px', zIndex: '0'});
$('container').insert(b);
this.img=b;
this.move=moveOrb;
}
function moveOrb(x,y,z){
Left=x-Os;
Top=y-Os;
ZIndex=z;
Height=Os;
Width=Os;
Opacity=1/z;
Display='block';
this.img.setAttribute(this.img,{display:Display,left:Left,top:Top,width:Width,height:Height,zIndex:ZIndex,opacity:Opacity});
if(renew=2){
this.img.setAttribute({src:"../images/NewImage.png"});
}
if($('message').getStyle('top')>0){
writeAttribute("message",{top: top++})
}
}
firebug error is "String contains an invalid character" code: "5
[Break on this error] this.img.setAttribute(this.img,{display...:Height,zIndex:ZIndex,opacity:Opacity});"