Span onclick with checkbox problem

[GTi]

I want to use a 'smarter' checkbox using span. When a user press the
text the checkbox is checked. But this dos't work as expected. Any
idea?
<span style="cursor:p ointer;" onclick="ClickB oxClick('IsProd ');">
<input type="checkbox" name="IsProd" value="1" />
Is a Product
</span>
function ClickBoxClick(o bj)
{
if(document.get ElementsByTagNa me)
{
var el = document.getEle mentById(obj);
if(el.checked) { el.checked=fals e; }
else { el.checked = true; }
}
}

[Thomas 'PointedEars' Lahn]

Tony wrote:

Thomas 'PointedEars' Lahn wrote:

GTi wrote:

> I want to use a 'smarter' checkbox using span. When a user press the
> text the checkbox is checked. But this dos't work as expected. Any
> idea?
>
> <span style="cursor:p ointer;" onclick="ClickB oxClick('IsProd ');">
> <input type="checkbox" name="IsProd" value="1" /> ^^^^[1] ^[2]

[2] IE does not support XHTML.

But, apparantly, .NET seems to force it -

That would be unfortunate (but typically M$), but I doubt that.
Do you get an error message or something if you omit the `/'?
If yes, what is it and with which code exactly does it occur?
I see that happen quite often in .NET based pages.
So?
.NET also has the runat="" attribute, which is not valid 4.01 strict,
either.

Do not mix up server-side and client-side code. AFAIK `runat' is used
server-side for Web Controls, it does not occur in client-side code.
(CMIIW, I never had a requirement for .NET)

Maybe someone in a .NET group knows something about that.
PointedEars

[Tony]

Thomas 'PointedEars' Lahn wrote:

Tony wrote:

Thomas 'PointedEars' Lahn wrote:

GTi wrote:
> I want to use a 'smarter' checkbox using span. When a user press the
> text the checkbox is checked. But this dos't work as expected. Any
> idea?
>
> <span style="cursor:p ointer;" onclick="ClickB oxClick('IsProd ');">
> <input type="checkbox" name="IsProd" value="1" />
^^^^[1] ^[2]

[2] IE does not support XHTML.
But, apparantly, .NET seems to force it -

That would be unfortunate (but typically M$), but I doubt that.
Do you get an error message or something if you omit the `/'?
If yes, what is it and with which code exactly does it occur?

My understanding is that the input is built with a "controller " - some
sort of built-in class in the .NET framework. In order to omit the '/',
you would have to override the controller.

I see that happen quite often in .NET based pages.

So?

Given that I handle the front-end (HTML layout, CSS, Javascript) for a
..NET web application, it's a PITA.

.NET also has the runat="" attribute, which is not valid 4.01 strict,
either.

Do not mix up server-side and client-side code. AFAIK `runat' is used
server-side for Web Controls, it does not occur in client-side code.
(CMIIW, I never had a requirement for .NET)

It shows up in the HTML tag for form elements.
Maybe someone in a .NET group knows something about that.

Perhaps - it's not my thing, though. All I know is that .NET gives me
crappy code to have to work with. Ah well - back to JS...

[Jasen Betts]

On 2005-12-14, GTi <tu****@gmail.c om> wrote:

It shuld be:
<label for="mybox" style="cursor:p ointer;">
<input id="mybox" type="checkbox" name="IsProd" value="1">
Is a Product</label>
But then I have another problem:
Using checkboxes in a form dosn't post back the result when it is not
checked.

if you know what boxes there are in the form you can determine which ones
are not checked by their absense from the response.

if you are adding cheeckboxes dynamically and need to know of their
exiostance record it using a hidden field or fields.

Bye.
Jasen

[Jasen Betts]

On 2005-12-14, Thomas 'PointedEars' Lahn <Po*********@we b.de> wrote:

GTi wrote:

I want to use a 'smarter' checkbox using span. When a user press the
text the checkbox is checked. But this dos't work as expected. Any
idea?

<span style="cursor:p ointer;" onclick="ClickB oxClick('IsProd ');">
<input type="checkbox" name="IsProd" value="1" />

^^^^[1] ^[2]

[2] IE does not support XHTML.

It seems to support the W3C validator page OK.

Bye.
Jasen

[Jasen Betts]

On 2005-12-14, GTi <tu****@gmail.c om> wrote:

Thomas 'PointedEars' Lahn wrote:

> But then I have another problem:
> Using checkboxes in a form dosn't post back the result when it is not
> checked. That is a problem.
That is no problem. Why would you be interested in unchecked checkboxes?

When the target page recieves the form it will not see that the
checkbox was on the form and leaves the value unchanged in the
database.

that's a server side issue, are you using javascript on the server?
But if I have a value telling it is turned off it will change
the value in the database. I know that this is by design, but I'm
trying to keep a common target page for all kind of changes in the
database (on one table). That way I can have several forms and only
display what fields I want to change with only one target page.

you need to let the server know which checkboxes are on the form.
a hidden field that is populated the page is generated if probably the
easiest way to do this.

be aware that people may abuse your server by submitting forma of their own
creation, so check all critical fields to ensure that the submitter has the
right to modify that field.

we had a php script (we think) exploited today someone sent spam to a few
thousand people I left my boss going over the logs.

Bye.
Jasen

[GTi]

Jasen Betts wrote:

On 2005-12-14, GTi <tu****@gmail.c om> wrote:

Thomas 'PointedEars' Lahn wrote:

> But then I have another problem:
> Using checkboxes in a form dosn't post back the result when it is not
> checked. That is a problem.

That is no problem. Why would you be interested in unchecked checkboxes?

When the target page recieves the form it will not see that the
checkbox was on the form and leaves the value unchanged in the
database.

that's a server side issue, are you using javascript on the server?

But if I have a value telling it is turned off it will change
the value in the database. I know that this is by design, but I'm
trying to keep a common target page for all kind of changes in the
database (on one table). That way I can have several forms and only
display what fields I want to change with only one target page.

you need to let the server know which checkboxes are on the form.
a hidden field that is populated the page is generated if probably the
easiest way to do this.

be aware that people may abuse your server by submitting forma of their own
creation, so check all critical fields to ensure that the submitter has the
right to modify that field.

we had a php script (we think) exploited today someone sent spam to a few
thousand people I left my boss going over the logs.

Bye.
Jasen

For this we WANT the end user to create it's own forms to submit to our
"form" collector. And it is a intranet site - so we don't have mutch
problem with abuse I think.

[Richard Cornford]

Jasen Betts wrote:

Thomas 'PointedEars' Lahn wrote:

<snip>

[2] IE does not support XHTML.

It seems to support the W3C validator page OK.

Then the W3C validator page, as served to IE, is not an XHTML document.
Remember that it is the HTTP content-type header that declares the type
of document when it is served over HTTP. That header is definitive, if
the mark-up does not correspond IE will attempt to error-correct it into
the appropriate type (or, more likely, a tag-soup approximation). IE
does not support XHTML.

Richard.