Comments on: Use JavaScript to change “float” style http://www.iamseree.com/application-development/use-javascript-to-change-float-style Keep learning everyday, willing to win and take action Thu, 08 Dec 2011 07:37:57 +0000 hourly 1 http://wordpress.org/?v=3.3.1 By: Jillian Marohnic http://www.iamseree.com/application-development/use-javascript-to-change-float-style/comment-page-1#comment-8368 Jillian Marohnic Sun, 10 Jul 2011 03:41:50 +0000 http://www.iamseree.com/?p=33#comment-8368 Thank you! So simple, yet so much frustration. Thank you! So simple, yet so much frustration.

]]> By: Altin http://www.iamseree.com/application-development/use-javascript-to-change-float-style/comment-page-1#comment-6460 Altin Wed, 04 May 2011 19:14:49 +0000 http://www.iamseree.com/?p=33#comment-6460 Thanks a million, this solved my problem ;) Thanks a million, this solved my problem ;)

]]> By: Black_Diamond http://www.iamseree.com/application-development/use-javascript-to-change-float-style/comment-page-1#comment-6329 Black_Diamond Sat, 30 Apr 2011 08:30:14 +0000 http://www.iamseree.com/?p=33#comment-6329 sorry I had a problem with copying it..Here it is the whole script thank you <script language='javascript' type='text/javascript'> function float1(){ var aa = document.getElementById('yourdiv1'); var bb = document.getElementById('yourdiv2'); aa.style.cssFloat= 'right'; aa.style.styleFloat= 'right'; bb.style.cssFloat = 'left'; bb.style.styleFloat = 'left'; } function float2(){ var aa = document.getElementById('yourdiv1'); var bb = document.getElementById('yourdiv2'); aa.style.cssFloat = 'left'; bb.style.cssFloat = 'right'; aa.style.styleFloat = 'left'; bb.style.styleFloat= 'right'; } </script> <input type="button" onclick="float1();" value="style 1"> <input type="button" onclick="float2();" value="style 2"> <br> <div id="yourdiv1">aaaaaa</div> <div id="yourdiv2">bbbbbb</div> sorry I had a problem with copying it..Here it is the whole script thank you

<script language='javascript' type='text/javascript'>
function float1(){
var aa = document.getElementById('yourdiv1');
var bb = document.getElementById('yourdiv2');
aa.style.cssFloat= 'right';
aa.style.styleFloat= 'right';
bb.style.cssFloat = 'left';
bb.style.styleFloat = 'left';
}
function float2(){
var aa = document.getElementById('yourdiv1');
var bb = document.getElementById('yourdiv2');
aa.style.cssFloat = 'left';
bb.style.cssFloat = 'right';
aa.style.styleFloat = 'left';
bb.style.styleFloat= 'right';
}
</script>

<input type="button" onclick="float1();" value="style 1">
<input type="button" onclick="float2();" value="style 2">
<br>
<div id="yourdiv1">aaaaaa</div>
<div id="yourdiv2">bbbbbb</div>

]]> By: Black_Diamond http://www.iamseree.com/application-development/use-javascript-to-change-float-style/comment-page-1#comment-6328 Black_Diamond Sat, 30 Apr 2011 08:26:56 +0000 http://www.iamseree.com/?p=33#comment-6328 thanks a lot buddy..very helpful..Its the first time I am finding an answer in a forum..Using your information i created the following script which is is working in all browsers...Have a look function float1(){ var aa = document.getElementById('yourdiv1'); var bb = document.getElementById('yourdiv2'); aa.style.cssFloat= 'right'; aa.style.styleFloat= 'right'; bb.style.cssFloat = 'left'; bb.style.styleFloat = 'left'; } function float2(){ var aa = document.getElementById('yourdiv1'); var bb = document.getElementById('yourdiv2'); aa.style.cssFloat = 'left'; bb.style.cssFloat = 'right'; aa.style.styleFloat = 'left'; bb.style.styleFloat= 'right'; } aaaaaa bbbbbb thanks a lot buddy..very helpful..Its the first time I am finding an answer in a forum..Using your information i created the following script which is is working in all browsers…Have a look

function float1(){
var aa = document.getElementById(‘yourdiv1′);
var bb = document.getElementById(‘yourdiv2′);
aa.style.cssFloat= ‘right’;
aa.style.styleFloat= ‘right’;
bb.style.cssFloat = ‘left’;
bb.style.styleFloat = ‘left’;
}
function float2(){
var aa = document.getElementById(‘yourdiv1′);
var bb = document.getElementById(‘yourdiv2′);
aa.style.cssFloat = ‘left’;
bb.style.cssFloat = ‘right’;
aa.style.styleFloat = ‘left’;
bb.style.styleFloat= ‘right’;
}

aaaaaa
bbbbbb

]]> By: Penuel http://www.iamseree.com/application-development/use-javascript-to-change-float-style/comment-page-1#comment-5808 Penuel Thu, 14 Apr 2011 09:34:56 +0000 http://www.iamseree.com/?p=33#comment-5808 Thanks for posting this! Thanks for posting this!

]]> By: Leon http://www.iamseree.com/application-development/use-javascript-to-change-float-style/comment-page-1#comment-1073 Leon Sat, 13 Mar 2010 21:04:24 +0000 http://www.iamseree.com/?p=33#comment-1073 So that makes him plain stupid. So that makes him plain stupid.

]]> By: Bobby http://www.iamseree.com/application-development/use-javascript-to-change-float-style/comment-page-1#comment-1070 Bobby Fri, 26 Feb 2010 07:39:15 +0000 http://www.iamseree.com/?p=33#comment-1070 Thanks a lot.. very help ful to me.. Thanks a lot.. very help ful to me..

]]> By: Eino http://www.iamseree.com/application-development/use-javascript-to-change-float-style/comment-page-1#comment-1068 Eino Fri, 19 Feb 2010 09:44:22 +0000 http://www.iamseree.com/?p=33#comment-1068 float is a reserved word in about every programming language, so it's not silly. float is a reserved word in about every programming language, so it’s not silly.

]]> By: Boss Hawk http://www.iamseree.com/application-development/use-javascript-to-change-float-style/comment-page-1#comment-1063 Boss Hawk Wed, 30 Dec 2009 17:36:24 +0000 http://www.iamseree.com/?p=33#comment-1063 Here is a little workaround for this problem: obj.setAttribute("style", obj.getAttribute("style") + "; float:left; "); The leading semicolon must be set because the IE sometimes changes the styles and always misses out the last semicolon. Here is a little workaround for this problem:

obj.setAttribute(“style”, obj.getAttribute(“style”) + “; float:left; “);

The leading semicolon must be set because the IE sometimes changes the styles and always misses out the last semicolon.

]]> By: Nathan http://www.iamseree.com/application-development/use-javascript-to-change-float-style/comment-page-1#comment-1058 Nathan Thu, 26 Nov 2009 16:52:29 +0000 http://www.iamseree.com/?p=33#comment-1058 Thanks man, very helpful! Much appreciated Thanks man, very helpful! Much appreciated

]]> By: Me http://www.iamseree.com/application-development/use-javascript-to-change-float-style/comment-page-1#comment-250 Me Sat, 21 Mar 2009 03:00:00 +0000 http://www.iamseree.com/?p=33#comment-250 Bless you for posting this! I was tearing my hair out trying to figure out why my float code worked in FF but not IE!! And styleFloat works like a dream. Bless you for posting this! I was tearing my hair out trying to figure out why my float code worked in FF but not IE!! And styleFloat works like a dream.

]]> By: Henrik http://www.iamseree.com/application-development/use-javascript-to-change-float-style/comment-page-1#comment-102 Henrik Wed, 26 Nov 2008 17:09:58 +0000 http://www.iamseree.com/?p=33#comment-102 Ohh thx! i figured that it needed something in front, since float really is a datatype, so using it in obj.style.float would be impossible. Ohh thx!
i figured that it needed something in front, since float really is a datatype, so using it in obj.style.float would be impossible.

]]> By: erwinke http://www.iamseree.com/application-development/use-javascript-to-change-float-style/comment-page-1#comment-14 erwinke Fri, 07 Nov 2008 14:41:13 +0000 http://www.iamseree.com/?p=33#comment-14 Under IE6 you must use this: obj.style.styleFloat='left'; Under IE6 you must use this:

obj.style.styleFloat=’left’;

]]>