Why isn't this javascript code working?

Question

 var contentObj = getElementById("content"); var widthOfContent = screen.availWidth * 0.6; var cssContObjStr = "width:" + (screen.availWidth * 0.6) + ";"; contentObj.style = cssContObjStr;

 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Testing</title> </head> <body> <div id="content"></div> jdhkfahsd jksahd fklhasdk fhaskdhf kalsdhf klashdfk hasdkf haskd hfasdkjfhkjasdh fkjasdkfh asjdkhf khdskf jhaskdjh fkjasdhf kjsahd fkasbdkfbsadvn iweb fnilewalnfiwa ebnkjsdbv jdbalisd df sads da s fsd afds fasdf sadf asdf adsf asdf sdf <script type="text/javascript" src="javas.js"></script> </body> </html>

I've saved the javascript file as javas.js on my pc. However, I'm trying to set the width as 60% of the screen width in pixels. This isn't working.

How can I manage this? And please, don't say "set it to width:60% ".

Answer 1

You have several syntax errors, here's a list of what's wrong:

You need to call document.getElementById()
+\\ isn't needed, that's an improperly formatted literal...but isn't not needed here anyway
The width is a property on style , just set it like I have below, make sure to include "px" on the end.

Overall, it should just be:

 var contentObj = document.getElementById("content"); var widthOfContent = screen.availWidth * 0.6; contentObj.style.width = widthOfContent + "px";

 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Testing</title> </head> <body> <div id="content"></div> jdhkfahsd jksahd fklhasdk fhaskdhf kalsdhf klashdfk hasdkf haskd hfasdkjfhkjasdh fkjasdkfh asjdkhf khdskf jhaskdjh fkjasdhf kjsahd fkasbdkfbsadvn iweb fnilewalnfiwa ebnkjsdbv jdbalisd df sads da s fsd afds fasdf sadf asdf adsf asdf sdf <script type="text/javascript" src="javas.js"></script> </body> </html>

Answer 2

Can you please try this?

var contentObj = document.getElementById("content");
var widthOfContent = screen.availWidth * 0.6;
var cssContObjStr = "width:" + (screen.availWidth * 0.6) + "%;";
contentObj.style.cssText = cssContObjStr;

Thanks

Why isn't this javascript code working?

Question

2 answers

solution1
6 ACCPTED 2010-12-27 11:38:02

solution2
0 2010-12-27 11:42:33

Why isn't this javascript code working?

Question

2 answers

solution1 6 ACCPTED 2010-12-27 11:38:02

solution2 0 2010-12-27 11:42:33

solution1
6 ACCPTED 2010-12-27 11:38:02

solution2
0 2010-12-27 11:42:33