Topic awaiting preservation: Setting Float via JS (Page 1 of 1)

My google-fu is weak today and I can't find an answer to this.

Here I'm using code like so to create a div

<script language="javascript">
window.onload = creater;
function creater() {
	newElm = document.createElement('div');
	var exitLink = document.createElement('a');
	// exitLink.style.float = 'right';
	exitLink.setAttribute('href','javascript:void(0)');

	exitLink.appendChild( document.createTextNode('x') );
	exitLink.style.float = 'right';
	exitLink.style.padding = '1px';
	exitLink.style.fontSize = '8px';
	exitLink.style.border = '1px solid #032462';
	exitLink.style.display = 'block';
	exitLink.style.margin = '2px';
	exitLink.style.width = '10px';
	exitLink.style.textDecoration = 'none';
	exitLink.style.textAlign = 'center';
	
	newElm.style.width ='100px';
	newElm.style.backgroundColor = '#ccc';
	newElm.appendChild( exitLink );
	newElm.appendChild( document.createTextNode('This is a whole bunch of text text') );
	document.body.appendChild( newElm );
	}
</script>

But my float attribute is not getting set (I can see this in the DOM inspector). Also I get a warning about float being a reserved word ( which it is I understand that).

So is there some trick to setting the float property ivia JS?



.:[ Never resist a perfect moment ]:.

What if you set the whole exitLink.style in one pass ? Via exitLink.style = 'float:right; padding:1px ... '; or exitLink.setAttribute( 'style', 'float:right; padding:1px ... ' );

Ah the first didn't work, the setAttribute did however.



.:[ Never resist a perfect moment ]:.

Most things that are reserved words in one language are referred to by appending the originating language to it.

For example:
CSS: float --> JS: cssFloat
HTML: label for --> JS: htmlFor

There are a few exceptions though, notably the ones that are used by more than one language.

CSS&HTML: class --> JS: className

--
var Liorean = {
abode: "http://web-graphics.com/",
profile: "http://codingforums.com/member.php?u=5798"};

(Edited by liorean on 02-07-2006 13:48)

I've found that sometimes setting attributes work (or don't) before/after an append to the document. Kind of wacky.

Also, to get around a lot of this you could just append a CSS ID or class name to the element, and have it inherit the visual style from there.

b

c


Justice 4 Pat Richard