Topic awaiting preservation: SPAN disabled=false not applying (Page 1 of 1)

msdn.microsoft.com specifies that a SPAN element has no disable attribute. But when you specify disabled=false the span is disabled. (obviously the same occurs when set to true.)


Programmatically setting the disbled value functions correctly. Does anyone have any suggestions?

incorrect:

<span id=noGhost disabled=false>ghost me</span>





correct:

document.getElementbyId("noGhost").disabled=false;

Not Enough Is Better Than Too Much

The msdn site is correct, the span-tag doesn't have a disable attribute... What do you want to accomplish?

_________________________
"There are 10 kinds of people; those who know binary, those who don't and those who start counting at zero"
- the Golden Ratio - Vim Tutorial -

The "disabled" attribute (which is not a standard attribute) doesn't work by setting it to false or true. Rather, it's one of those attributes which, when included, takes effect, and when not, doesn't take effect. In HTML 4, they're meant to be used like this:

<tag disabled>

In XHTML, which requires all attributes to have values, they're meant to look like this:

<tag disabled="disabled">

If you want your span tag to be enabled, then don't include the disabled attribute.


 

hmmm.


What am I trying to accomplish? There's a rather lengthy essay attached to that. As simply as I can: Each span creates a pretty custom button. Each is available depending on the state of data. The spans are created dynamically using a template in groups where usually one is active while the rest should be disabled until a data item is selected... etc...


I was looking for a cheap way to automate the default enabled/disabled state by hard coding it into the initially generated html for the span. While attempting to overcome the problem I enountered by using alternative flags it became apparant that I need a more sophisticated tracking method as knowing the original state of a span will not be sufficient due to actions the user may make.


This is going to be a rather large client database management application and the need for some early global automation should be employed to overcome creating a spcific function for each group of span/buttons. (yes I want to write it in javascript. No I will not take any alternative language suggestions)


Thanks for the confirmations.


Not Enough Is Better Than Too Much

Why not use the 'display' property? It is standard comilant and works for all browsers. Set it to 'none' to remove the item and to 'block' or 'inline' to display the item. Since it is a standard CSS property it is also easy to manipulate using JavaScript...

_________________________
"There are 10 kinds of people; those who know binary, those who don't and those who start counting at zero"
- the Golden Ratio - Vim Tutorial -

Another option you may take is to display a low opacity image ( or 2x2 dithered image ) above the SPANs you want to disable. Whatever you do, if you don't disable the form fields or links by a magical-non-standard property, you'll have to trap the onfocus events of the children element of the disabled SPANs to prevent advanced user from accessing active elements inside them.

Thanks, all valid suggestions. There are a million ways to do it, images, display:none etc.... but the 'most' simple method for the current design is to have the disabled property in the HTML tag. Since that is not really suitable (having the effect of always disabling the span) I'll rewrite the logic and find another approach to initializing the spans enabled or disabled. Oh, and not displaying them serves no purpose. I merely want to show they are not able to be used at one moment or another. Also, removing them via no display does not solve the overall logical problems.


The aim of the exersize is to optimize 'every' line of code to it's minimal size right from the beginning. To paraphrase the mafia, take care of the commands and the program takes care of itself.


Not Enough Is Better Than Too Much

To show that the active elements ( links, form fields ... ) are disabled, you could also decrease the opacity of their parent SPAN. I think your problem would have been a good entry for the May 20lines Javascript contest - Enhancing markup And, from the infos you gave, I think it could fit in the 20 lines constraint.