"Lee" <REM0VElbspamtrap@cox.net> wrote in message
news:cn06h602d8e@drn.newsguy.com...[color=blue]
> David Jubinville said:[color=green]
> >
> >Hi All,
> >
> >I recently came across an annoying problem and would greatly
> >appreciate any help someone/anyone could offer. Here we go:
> >
> >1. We have a 'Checklist' consisting of checkboxes and relating text.
> >(This is important and also the root of the problem).
> >
> >2. The user must read and checkoff each point to procede through the
> >courseware - the next link/nav should be hidden until such a point
> >that all chkbox are validated True.
> >
> >3.If conditions == True; unlock/show the forward link layer.
> >
> >4. If conditionts == False; return nothing.
> >
> >I've tried a plethora of methods to get this script done, and I know
> >of many ways to do it using DHTML and leyers etc. However, this is
> >woefully inefficient.
> >
> >I'm not asking for whole code, just an idea of what the structure
> >should look like. It should also be noted that this list whill often
> >be of differing lengths and therefore should contain some degree of
> >dynmaics so it can be linked as opposed to imbedded. Perhaps the most
> >contentious point of the whole deal.[/color]
>
>
> <html>
> <head>
> <title>demo</title>
> <script type="text/javascript">
> function checkDone(box) {
> var isDone=true;
> for (var i=0;i<box.form.elements['required'].length;i++) {
> isDone &= box.form.elements[i].checked;
> }
> if (isDone) {
> document.getElementById("nextButton").innerHTML=
> "<button onclick='location.href=\"http:www.google.com\"'>"
> +"Next Page</button>";
> } else {
> document.getElementById("nextButton").innerHTML="& nbsp;";
> }
> }
> </script>
> </head>
> <body>
> <form name="checkrequired">
> <p>
> Any sort of text, images, etc, with checkboxes scattered about
> in the form:
> <input type="checkbox" name="required" onclick="checkDone(this)">.
> </p>
> <p>
> You can have as many as you like, all identical:
> <input type="checkbox" name="required" onclick="checkDone(this)">.
> </p>
> <p>
> The NEXT button won't appear until they are all checked.
> Note that this may cause some confusion among users who have
> overlooked a checkbox and can't figure out what they're
> supposed to do next:
> <input type="checkbox" name="required" onclick="checkDone(this)">.
> </p>
> </form>
> <div id="nextButton"> </div>
> </body>
> </html>
>[/color]
Wow, I never expected full code, you my man, are a genius!
Thanks a ton for your help. It's especially nice that you've out it into a
working commented format.
Regards,
David
