By using this site, you agree to our updated Privacy Policy and our Terms of Use. Manage your Cookies Settings.
425,992 Members | 934 Online
Bytes IT Community
+ Ask a Question
Need help? Post your question and get tips & solutions from a community of 425,992 IT Pros & Developers. It's quick & easy.

Read Only Checkbox(list) ?

P: n/a
/..
Hi all,

I'm working on a report display page that currently uses 5
checkboxlists with a total of 86 items to display values from 5
different tables in an Access database.

The page works fine now. On presenting it to the users they pointed
out that their users could change the values in the checkboxes and
then print them out, ultimately documenting false information.

I use these controls entirely to display boolean values from query
lookups. How can I make the checkboxlists read only?

I tried putting a checkboxlist in a web-forms panel control, and
setting the panel to read-only, like in older versions of Visual
Basic. While the checkboxes that were checked did display, and all
were read only, they were "grayed out", very low contrast and hard to
read.

I imagine that this could be done by inheriting the control class and
adding methods or properties to it, but that is beyond what I've ever
done, esp. in dot.net -- I'm kinda new to the subject, if not to
programming.

This has to be a FAQ, but I've been searching the web and don't find
anything close to answering the question.

I work mostly in C# (in ASP/ADO.Net)

Thanks,
/ts

--

exec rm -r /bin/laden*

##--------------------------------------------------##
"We are stardust, we are golden,
And we've got to get ourselves back to the Garden"
Joni Mitchell
##--------------------------------------------------##
Nov 17 '05 #1
Share this Question
Share on Google+
2 Replies


P: n/a
Here's an option for you to use.

Put the below code into your page. Then called the javascript function
enableFormElement on page load. Use the below function call:

enableFormElement( <form element>, <Is the element editable (true/false)> )

That will allow you to make checkbox's, radio button, textboxs, textareas,
etc, ALL either editable or not.

Now don't say I never gave you anything!

Enjoy

Chaitanya Marvici

Code below:

----------------------------------------------------------------------------
------------------------------------------------------------------

function enableFormElement( element, editable ) {

if( element.length && ( ( element.name + "" ) == "undefined" ) ) { //This is
used if a group of elements, all with the same name

for( var x = 0; x < element.length; x++ ) { //is sent to the function. It
will loop through and recursively

enableFormElement( element[x], editable ); //call this function to correctly
turn the readonly stuff off/on.

}

} else {

if( ( element.type != "hidden" ) && ( element.type != "button" ) && (
element.type != "image") ) {

var focusStr = element.onfocus + "";

var clickStr = element.onclick + "";

var changeStr = element.onchange + "";

var focusFunction, clickFunction, changeFunction;
focusStr = trim( focusStr.substring( focusStr.indexOf("{") + 1,
focusStr.lastIndexOf("}") ) );

clickStr = trim( clickStr.substring( clickStr.indexOf("{") + 1,
clickStr.lastIndexOf("}") ) );

if( element.type.indexOf( "select" ) >= 0 ) {

changeStr = trim( changeStr.substring( changeStr.indexOf("{") + 1,
changeStr.lastIndexOf("}") ) );

}
if( ! editable ) {

if( ( browserType == IE ) || ( browserType == Nav6 ) ) { element.readonly =
true; }
focusFunction = new Function( "e", "blurElement( this );\n" + focusStr )

clickFunction = new Function( "e", "blurElement( this );\n" + clickStr )
if( element.type == "radio" || element.type == "checkbox" ) {

element.checkedTemp = element.checked;

}
if( element.type.indexOf( "select" ) >= 0 ) {

changeFunction = new Function( "e", "resetElement( this );\n" + changeStr )

}

} else {

var strStart;
if( ( browserType == IE ) || ( browserType == Nav6 ) ) { element.readonly =
false; }
strStart = focusStr.lastIndexOf( "blurElement( this );" );

if( strStart != -1 ) { focusFunction = new Function( "e", focusStr.substr(
strStart + "blurElement( this );".length, focusStr.length ) ) }
strStart = clickStr.lastIndexOf( "blurElement( this );" );

if( strStart != -1 ) { clickFunction = new Function( "e", clickStr.substr(
strStart + "blurElement( this );".length, clickStr.length ) ) }
if( element.type.indexOf( "select" ) >= 0 ) {

strStart = changeStr.lastIndexOf( "resetElement( this );" );

if( strStart != -1 ) { changeFunction = new Function( "e",
changeStr.substr( strStart + "resetElement( this );".length,
changeStr.length ) ) }

}

}
if( typeof( focusFunction ) != "undefined" ) { element.onfocus =
focusFunction; }

if( typeof( clickFunction ) != "undefined" ) { element.onclick =
clickFunction; }

if( element.type.indexOf( "select" ) >= 0 ) {

if( typeof( changeFunction ) != "undefined" ) { element.onchange =
changeFunction; }

}

} // End check for form element type

}

}

function enableElements( f ) {

var numOfElements = f.length

var setFocus = false;

var proxyMarker = "Proxy";

for ( e = 0; e < numOfElements; e++ ) {

var visibleElement = f.elements[e];

var valueElement = f.elements[e];

if ( visibleElement.type=="checkbox") {

var visibleElementName = visibleElement.name;

if ( visibleElementName.indexOf(proxyMarker) >= 0 ) { // if proxy checkbox

var valueElementName = visibleElementName.substring( 0,
visibleElementName.indexOf(proxyMarker) );

valueElement = f.elements[ valueElementName ];

}

}

enableFormElement( visibleElement, isElementEditable( valueElement ) );

}

}

function blurElement( element ) {

if( element.type == "radio" || element.type == "checkbox" ) {

if( eval( "document." + element.form.name + "." + element.name +
".length" ) ) {

for( var x = 0; x < eval( "document." + element.form.name + "." +
element.name + ".length" ); x++ ) {

eval( "document." + element.form.name + "." + element.name + "[" + x +
"].checked = " + "document." + element.form.name + "." + element.name + "["
+ x + "].checkedTemp ? true : false;" );

}

} else {

element.checked = element.checkedTemp ? true : false;

}

}
if( element.type.indexOf( "select" ) >= -1 ) {

element.selectIndexTemp = element.selectedIndex;

}

element.blur();

}

function resetElement( element ) {

if( element.type.indexOf( "select" ) >= -1 ) {

element.selectedIndex = element.selectIndexTemp;

}

}

"/.." <no*******@ix.netcom.com> wrote in message
news:v0********************************@4ax.com...
By Mon, 21 Jul 2003 18:06:43 -0700, "Steve C. Orr, MCSD"
<St***@Orr.net> decided to post
"Re: Read Only Checkbox(list) ?" to
microsoft.public.dotnet.framework.aspnet:
You might consider this is a bit of a hack, but how about changing the
background color of the page or panel so there is greater contrast with thegrayed out checkboxes? Simplicity sells.


Thanks for the suggestion,
but since it goes out to serious clients, I think that I'm looking
for a bit more serious of a solution. I had a thought that I should
look into making a custom control. Don't know anything about it, but
it's probably a reasonable way to go.

My other thought is to take screenshots of a checked and unchecked
checkbox, they wind up less than 1KB (16px X 16px: bmp) in size,
and arrange like 85 pairs of them, then programmatically set the
appropriate one visible based on the boolean value from the database.
But that seems extreme. It's probably close to what a custom control
would actually do.

There has to be a frequent solution to this!!!
(Displaying a boolean value in a 'read-only' checkboxlist -- I need
to do 85 or so of the items on a report page.)

Ciao,

/ts

Nov 17 '05 #2

P: n/a
/..
By Tue, 22 Jul 2003 03:38:17 GMT, "Chaitanya Marvici"
<ch*******@bitmap-productions.com>
decided to post
"Re: Read Only Checkbox(list) ?" to
microsoft.public.dotnet.framework.aspnet:
For those that are interested, there is a more readable brief tutorial
available at :

http://www.bitmap-productions.com/de...s&tutorialid=8

Enjoy!

Chaitanya Marvici


Thanks a lot for the javascript code. I will look at it and learn a
lot, I'm sure. It didn't suit my client to use it, for their own
reasons, so I decided to go with images -- choice of images based on
bool value in db. I did a screen cap of the two states of a check
box and made very small bitmaps to use.

The code winds up fairly inelegant, but works like a charm. Nothing
elegant about this app anyway, it's based on accessing an Access
database that has been developed since at least 1997; dozens of
tables with similar columns, but slightly differing names, so I can't
cycle through and set values, but have to nominate them individually,
and so on. So goes the war.

Still there must be a FAQ dealing with read-only checkboxes or a
tutorial somewhere on how to extend the class with a new user-class??
/ts

--

exec rm -r /bin/laden*

##--------------------------------------------------##
"We are stardust, we are golden,
And we've got to get ourselves back to the Garden"
Joni Mitchell
##--------------------------------------------------##
Nov 17 '05 #3

This discussion thread is closed

Replies have been disabled for this discussion.