<div>
Just one minor error: 
 
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; if (document.getElementById(&quot;quoteCont&quot;).style.display = &quot;none&quot;) 
 
should be: 
 
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; if (document.getElementById(&quot;quoteCont&quot;).style.display == &quot;none&quot;) 
 
since you are testing for equality, rather than setting a value.
</div>

<div>
DOH! Thanks for that. However, it still didn't solve the problem. 
 
Thanks, 
Brad
</div>

<div>
Seemed to work okay in the test that I set up (below). What is not working in yours? 

<pre><code class="code-10 nolinks" id="code-121086">&lt;html&gt;
&lt;head&gt;
&lt;script type=&quot;text/javascript&quot;&gt;
 function changeWidth()
 {
 if (document.getElementById(&quot;quoteCont&quot;).style.display == &quot;none&quot;)
 {
 document.getElementById(&quot;detailAmen&quot;).style.width = &quot;100%&quot;;
 }
 else
 {
 document.getElementById(&quot;detailAmen&quot;).style.width = &quot;48%&quot;;
 }
 alert(document.getElementById('detailAmen').style.width);
 }
&lt;/script&gt;
&lt;style type=&quot;text/css&quot;&gt;
#quoteCont
{
	border: 2px solid green;
	display: none;
}
#detailAmen
{
	border: 2px solid red;
}
&lt;/style&gt;
&lt;/head&gt;
&lt;body onload=&quot;changeWidth();&quot;&gt;
&lt;div id=&quot;quoteCont&quot;&gt;quotCont&lt;/div&gt;
&lt;div id=&quot;detailAmen&quot;&gt;detailAmen&lt;/div&gt;
&lt;/body&gt;
&lt;/html&gt;
</code></pre>
</div>

<div>
Notice that I did move the call to your function into the body onload event, rather than window.onload. See if that makes a difference for you.
</div>

<div>
The style for the DIVs are inline...does that make a difference? 
 
quotCont 
detailAmen 
 
Also, when I didn't see any changes that is why I moved the onload to the script. I am already calling one onload event and thought there may be a conflict. 
 
Thanks, 
Brad
</div>

<div>
The style for the DIVs are inline...does that make a difference? 
 
Also, when I didn't see any changes that is why I moved the onload to the script. I am already calling one onload event and thought there may be a conflict. 
 
Thanks, 
Brad 

<pre><code class="code-1 nolinks" id="code-121098">
&lt;div id=&quot;quoteCont&quot; style=&quot;display:none;&quot;&gt;quotCont&lt;/div&gt;
&lt;div id=&quot;detailAmen&quot; style=&quot;48%;&quot;&gt;detailAmen&lt;/div&gt;
</code></pre>
</div>

<div>
Okay, is it 'quotCont' or 'quoteCont'? Your script has it one way, but your last post has it another. 
 
Regarding inline styles, it doesn't matter. 
 
Regarding the onload location, it matters if one overrides another, or if you lost track of all the different places where you are calling it. Best to keep them in one place to avoid confusion. 
 
 
detailAmen 
 
Note that you should use: 
 
&nbsp; style=&quot;width: 48%&quot; 
 
It won't work without the width attribute.
</div>

<div>
Sorry if I confused you. It is 'quoteCont'. 
 
Also, I was just rushing. I have the attribute in the DIV as style=&quot;width: 48%&quot;. :o) 
 
Nothing seems to be working. This is frustrating as hell. 
 
Thanks, 
Brad
</div>

<div>
Can you post what you have? Or provide a link where I can view it? 
 
Does my sample work for you?
</div>

<div>
Also, I noticed the alert() didn't work. Could that be an issue? 
 
Thanks, 
Brad
</div>

<div>
I recommend that you use Firefox when debugging Javascript applications. Firefox includes an error console that displays all Javascript errors. This helps to reduce the guess-and-check process. 
 
If the alert is not firing, there is a syntax error somewhere in the Javascript before that point. Firefox's error console will tell you where.
</div>

<div>
Here is what I have (see below): 
 
Here are the divs: 
 
blah 

<div class="align-justify">
blah
</div>
 
The css for pfProText is this: 
.pfProText { 
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;margin-top: 20px; 
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;width:100%; 
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;float:left; 
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;clear:left; 
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;overflow:hidden; 
} 
 
Hope that helps. 
Brad 

<pre><code class="code-10 nolinks" id="code-121108">function changeWidth()
		{
		 var d = document.getElementById(&quot;detailFacIcons&quot;);
		 var i = document.getElementById(&quot;detailFacDet&quot;);
			var v = document.getElementById(&quot;detailAmen&quot;);
			var q = document.getElementById(&quot;quoteCont&quot;)
			var p = document.getElementById(&quot;detailProList&quot;);
		 if (document.getElementById(&quot;quoteCont&quot;).style.display == &quot;none&quot;)
 {
 document.getElementById(&quot;detailAmen&quot;).style.width = &quot;100%&quot;;
 }
 else
 {
 document.getElementById(&quot;detailAmen&quot;).style.width = &quot;48%&quot;;
 }
 alert(document.getElementById('detailAmen').style.width);
 
		}
		window.onload = function() {
			changeWidth();
		}
</code></pre>
</div>

<div>
ARGH! Here are the divs: 

<pre><code class="code-1 nolinks" id="code-121110">&lt;div id=&quot;quoteCont&quot; style=&quot;display:none;float:right;width:255px;text-align:justify;margin:10px 0px 10px 0px;&quot;&gt;blah&lt;/div&gt;
&lt;div id=&quot;detailAmen&quot; class=&quot;pfProText&quot; style=&quot;width:48%;&quot;&gt;blah&lt;/div&gt;
</code></pre>
</div>

<div>
Three questions: 
 
1. Do the other elements exist that are called in your code?: 
 
&nbsp;var d = document.getElementById(&quot;detailFacIcons&quot;); 
&nbsp;var i = document.getElementById(&quot;detailFacDet&quot;); 
&nbsp;var p = document.getElementById(&quot;detailProList&quot;); 
 
2. Why assign the elements to variables if you do not use the variables? Since you assigned the div &quot;quoteCont&quot; to the variable 'q', why not use: 
 
if (q.style.display == &quot;none&quot;) 
{ ... } 
 
And similar for &quot;detailAmen&quot; (variable: v) 
 
3. What are you currently using to check Javascript errors? 
 

</div>

<div>
1. Sorry. You can ignore those other variable calls. I was tyring to use those but that wasn't working so I decided to just write it out whole. 
 
2. See #1. 
 
3. Firebug for FF
</div>

<div>
There must be something else going on. It is still not working. I have a feeling that there is another div issue here that I am not seeing. 
 
From a logical perspective, it should work. And yet, nothing is changing. I just copy/pasted your code into a bank page and loaded in a browser and it worked...but when I put the code in my page...nothing.
</div>

<div>
When I asked for code earlier, you gave me snippets (the javascript function and the two divs). I don't know how things are setup for you as far as security, but if you can post the entire HTML page, that would help a lot in coming to a resolution. 
 
Feel free to remove any sensitive data, as long as you keep the structures themselves in place.
</div>

<div>
OK. I gave something else a try and it seems to have worked. I have two events on my page: onload and onunload. When I removed them, the alert() worked and the page did what it was supposed to do. So thank you for that. 
 
Now I just have to figure out what I am going to do with my two events since they seem to be causing a conflict. :o) 
 
Thanks, 
Brad 

</div>

<div>
Thank you for being so patient.
</div>

<div>
Have you tried moving both events into the body tag? That is the way that W3 recommends, and perhaps it is more standard across the various browsers.
</div>

<div>
Well, I can deal with that later. I think one of them is broken anyway. :o)
</div>

<div>
Okay, sounds good. Let me know if I can help in the future.
</div>

<div>
<div class="content wysiwyg-content">
I would like to assign a width value to a div if another div has a &quot;display:none;&quot; style. 
 
Here is what I have so far: 
&lt;script type=&quot;text/javascript&quot; language=&quot;JavaScript&quot;&gt; 
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;function changeWidth() 
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ 
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp; &nbsp;if (document.getElementById(&quot;quoteCont&quot;).style.display = &quot;none&quot;) 
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp; &nbsp;{ 
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp;document.getElementById(&quot;detailAmen&quot;).style.width = &quot;100%&quot;; 
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp; &nbsp;} 
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp; &nbsp;else 
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp; &nbsp;{ 
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp;document.getElementById(&quot;detailAmen&quot;).style.width = &quot;48%&quot;; 
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp; &nbsp;} 
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;} 
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;window.onload = function() { 
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;changeWidth(); 
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;} 
&lt;/script&gt; 
 
It doesn't seem to work what am I doing wrong? 
 
Thanks Experts, 
Brad
</div>
</div>

I would like to assign a width value to a div if another div has a "display:none;" style.

Here is what I have so far:
<script type="text/javascript" language="JavaScript">
	function changeWidth()
	{
	 if (document.getElementById("quoteCont").style.display = "none")
	 {
	 document.getElementById("detailAmen").style.width = "100%";
	 }
	 else
	 {
	 document.getElementById("detailAmen").style.width = "48%";
	 }
	}
	window.onload = function() {
		changeWidth();
	}
</script>

It doesn't seem to work what am I doing wrong?

Thanks Experts,
Brad

Assign DIV style width if &quot;display:none;&quot; in another DIV...

JavaScript is a dynamic, object-based language commonly used for client-side scripting in web browsers. Recently, server side JavaScript frameworks have also emerged. JavaScript runs on nearly every operating system and  in almost every mainstream web browser.

JavaScript

Cascading Style Sheets (CSS) is a language used for describing the look and formatting of a document written in a markup language. Usually used to change web pages and user interfaces written in HTML, it can also be applied to any kind of XML document. CSS is designed primarily to distinguish the content of a document from its presentation.

Assign DIV style width if &quot;display:none;&quot; in another DIV...

Assign DIV style width if "display:none;" in another DIV...