Function to disable items

Question

Hi everybody,
My function disFormItems :
<script language="JavaScript1.1" type="text/javascript">
function disFormItems(item1){
if(document.getElementById(item1).value != "")
disItem = document.getElementById(item1);
disItem.style.background = '#C0C0C0';
disItem.disabled = true;
</script>
I call it on my p32_id_feuillet element
OnClick="disFormItems('P32_ID_FEUILLET');" It works.
But I want to launch this function when I open the page
Second, I want my element to be bold, when I add disItem.style.font = ‘bold’ but my element don’t stay to a disabled state.
Thanks. Bye.

Answer 1

OK. I think your javascript is getting a bit confused! The basic code should be something like:
<script language="javascript" type="text/javascript">
function desactiverElement(item)
var x = document.getElementById(item);
if (x)
x.style.backgroundColor = "#C0C0C0";
x.disabled = true;
</script>
It's not clear in your example above if you actually want to test the value of the field before disabling it - are you checking it against P33_NEQ? If so:
<script language="javascript" type="text/javascript">
function desactiverElement(item)
var x = document.getElementById(item);
if (x)
var y = document.getElementById("P33_NEQ");
if (y)
if (x.value != y.value)
x.style.backgroundColor = "#C0C0C0";
x.disabled = true;
</script>
Either way, the script at the bottom of the page should just be:
<script language="javascript" type="text/javascript">
desactiverElement("P33_ID_FEUILLET");
</script>
You also mention that you want the element to be bold. Using the disabled option probably won't allow you to do this as this normally turns all items into shades of grey. You can try using readOnly instead of disabled. Then try adding:
x.style.fontWeight = "bold";
Andy