EchoFool Posted March 22, 2012 Share Posted March 22, 2012 Hey I have a basic Js script and some HTML that sets the width of a div. But its not working it keeps making it 100% wide all the time. I can't see any issue with it personally, but was wondering.... the script is called from an AJAX request... could that be causing some issue? This is my code: <head> <script type="text/javascript"> function percentage(){ var perc = Math.round((500 / 2500) * 100); if(perc > 100) {perc = 100;} else if(perc < 0 ) {perc = 0;} d = document.getElementById('health'); d.style.width = perc + "%"; }; onload = percentage; </script> </head> <body> <div style="width:250px;background-color:red;min-height:5px;"> <div id="health" style="background-color:green;min-height:5px;"> < / div > //dunno why but if i dont add spaces in this post it removes the close divs < / div > </body> Any ideas? Quote Link to comment Share on other sites More sharing options...
UrbanDweller Posted March 22, 2012 Share Posted March 22, 2012 Looks fine to me, all I can suggest is to debug the script by calling an alert with percentage variable in that function to see if the script even makes it to it? Quote Link to comment Share on other sites More sharing options...
EchoFool Posted March 22, 2012 Author Share Posted March 22, 2012 I have found the cause - its because i run this script from an ajax request and it simply won't execute the JS Quote Link to comment Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.