SitePoint Sponsor

User Tag List

Results 1 to 6 of 6
  1. #1
    SitePoint Zealot
    Join Date
    Oct 2007
    Posts
    100
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    [How to make] Check box Non Editable/Non Selectable? without using entry "disabled"

    I want to make the check box checked, and Non Editable/Non Selectable



    Step 1. checked the check box only
    from this tutorial page http://www.hscripts.com/tutorials/ht...m-checkbox.php its working checked by add entry "checked" in bold below, and the form working with the check box checked after click submit button :

    <input type="checkbox" checked name="postpoll" value="yes" id="cb_postpoll" tabindex="1" $checked[postpoll] />




    Step 2. make it Non Editable/Non Selectable, so the check box are already checked and cannot unchecked by users

    from that same tutorial page its says to add entry "disabled" like below in bold

    <input type="checkbox" checked disabled name="postpoll" value="yes" id="cb_postpoll" tabindex="1" $checked[postpoll] />
    its working the check box being Non Editable/Non Selectable, but after click submit button the form are not working maybe because the check box really disabled, its just pass the checked check box, like there is no check box. Maybe using entry "disabled" is the wrong way






    please help guys, how to make the form still working after click submit button, but the check box are already checked and cannot unchecked by users
    Make the world better

  2. #2
    Barefoot on the Moon! silver trophy Force Flow's Avatar
    Join Date
    Jul 2003
    Location
    Northeastern USA
    Posts
    4,606
    Mentioned
    56 Post(s)
    Tagged
    1 Thread(s)
    Maybe use a hidden field instead?
    Visit The Blog | Follow On Twitter
    301tool 1.1.5 - URL redirector & shortener (PHP/MySQL)
    Can be hosted on and utilize your own domain

  3. #3
    SitePoint Zealot
    Join Date
    Oct 2007
    Posts
    100
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    ok i already tried hiden field is not working


    somebody suggest this in bold, i think this is the best way if i know how to do that, any body know how to do that?


    Why do you need to show such a checkbox in this case? If it's to checked and cannot be altered, then can't you just assume the value of $postpoll as yes, in the serverside?

    FYI: There's nothing permanent when it comes in the client side. Users can easily manipulate the html code from their browser using tools like firebug.




    this is the entire page code, the check box part are in bold below


    $stylevar[htmldoctype]
    <html dir="$stylevar[textdirection]" lang="$stylevar[languagecode]">
    <head>
    $headinclude
    <title>$vboptions[bbtitle] - $vbphrase[post_new_thread]</title>
    </head>
    <body$onload>
    $header
    $navbar

    $postpreview

    <form action="newthread.php?do=postthread&amp;f=$forumid" method="post" name="vbform"<if condition="!is_browser('webtv')"> onsubmit="return vB_Editor['$editorid'].prepare_submit(this.subject.value, $vboptions[postminchars]<if condition="$show['threadprefix'] AND ($vboptions['prefixrequired'] == 1 OR ($vboptions['prefixrequired'] == 2 AND $foruminfo['prefixrequired']))">, this.threadprefix.value</if>)"</if>>

    <table class="tborder" cellpadding="$stylevar[cellpadding]" cellspacing="$stylevar[cellspacing]" border="0" width="100%" align="center">
    <tr>
    <td class="tcat">
    <span class="smallfont" style="float:$stylevar[right]"><strong>$vbphrase[forum]</strong>: <a href="forumdisplay.php?$session[sessionurl]f=$foruminfo[forumid]">$foruminfo[title]</a></span>
    $vbphrase[post_new_thread]
    </td>
    </tr>
    <tr>
    <td class="panelsurround" align="center">
    <div class="panel">
    <div style="width:$stylevar[formwidth]" align="$stylevar[left]">

    $usernamecode

    $imagereg
    <if condition="$foruminfo[g_answer_forum]"><br>$posticons</if>
    <!-- subject field -->
    <table cellpadding="0" cellspacing="0" border="0" class="fieldset">
    <tr>
    <if condition="$show['threadprefix']">
    <td class="smallfont">$vbphrase[threadprefix]/td>
    </if>
    <td class="smallfont" colspan="<if condition="$show['threadprefix']">2<else />3</if>">$vbphrase[title]/td>
    </tr>
    <tr>
    <if condition="$show['threadprefix']">
    <td>$threadprefixes&nbsp;</td>
    </if>
    <td><input type="text" class="bginput" name="subject" value="$subject" size="60" maxlength="$vboptions[titlemaxchars]" tabindex="1" /></td>
    </tr>
    </table>
    <!-- / subject field -->

    <!-- message area -->
    <div class="smallfont">$vbphrase[message]/div>
    $messagearea
    <!-- / message area -->
    <if condition="in_array($forumid , array(438,5000))">
    <br />
    <fieldset>
    <legend>Custom Fields</legend>
    <table cellpadding="1" cellspacing="$stylevar[cellspacing]" border="0" width="100%">
    $custom_form
    </table>
    </fieldset>
    </if>
    <if condition="in_array($forumid , array(385,92))"><br><br>
    <center>Fitur Untuk Menulis Rumus Matematika/Fisika/Kimia, dll</center>
    <center><iframe name="I1" src="$vboptions[bburl]/equationeditor/equationeditor.php" border="0" width="620" frameborder="0" height="405"></iframe></center>
    </if>

    </div>
    </div>

    <div style="margin-top:$stylevar[cellpadding]px">
    <input type="hidden" name="s" value="$session[sessionhash]" />
    <input type="hidden" name="f" value="$forumid" />
    <input type="hidden" name="do" value="postthread" />
    <input type="hidden" name="posthash" value="$posthash" />
    <input type="hidden" name="poststarttime" value="$poststarttime" />
    <input type="hidden" name="loggedinuser" value="$bbuserinfo[userid]" />
    <input type="submit" class="button" name="sbutton" id="{$editorid}_save" value="$vbphrase[submit_new_thread]" accesskey="s" tabindex="1" style="font: bold 24px" />
    <input type="submit" class="button" name="preview" value="$vbphrase[preview_post]" accesskey="r" tabindex="1" />
    </div>
    </td>
    </tr>
    </table>

    <if condition="$show['additional_options']">
    <br />

    <table class="tborder" cellpadding="$stylevar[cellpadding]" cellspacing="$stylevar[cellspacing]" border="0" width="100%" align="center">
    <thead>
    <tr>
    <td class="tcat">
    <a style="float:$stylevar[right]" href="#top" onclick="return toggle_collapse('newpost_options')"><img id="collapseimg_newpost_options" src="$stylevar[imgdir_button]/collapse_tcat$vbcollapse[collapseimg_newpost_options].gif" alt="" border="0" /></a>
    $vbphrase[additional_options]
    </td>
    </tr>
    </thead>
    <tbody id="collapseobj_newpost_options" style="$vbcollapse[collapseobj_newpost_options]">
    <tr valign="top">
    <td class="panelsurround" align="center">
    <div class="panel">
    <div style="width:$stylevar[formwidth]" align="$stylevar[left]">


    <if condition="$show['podcasturl']">
    <!-- podcast stuff -->
    <fieldset class="fieldset">
    <legend>$vbphrase[podcast_options]</legend>

    <table cellpadding="0" cellspacing="$stylevar[formspacer]" border="0">
    <tr>
    <td class="smallfont">$vbphrase[podcast_url]/td>
    <td class="smallfont">&nbsp;$vbphrase[filesize_bytes]/td>
    </tr>
    <tr>
    <td><input type="text" class="bginput" name="podcasturl" value="$podcasturl" size="50" maxlength="255" tabindex="1" title="$vbphrase[podcast_url]" /></td>
    <td>&nbsp;<input type="text" class="bginput" name="podcastsize" value="$podcastsize" size="10" tabindex="1" title="$vbphrase[podcast_size]" /></td>
    </tr>
    <tr>
    <td class="smallfont">$vbphrase[subtitle]/td>
    <td class="smallfont">&nbsp;$vbphrase[explicit]/td>
    </tr>
    <tr>
    <td><input type="text" class="bginput" name="podcastsubtitle" value="$podcastsubtitle" size="50" maxlength="255" tabindex="1" title="$vbphrase[subtitle]" /></td>
    <td><input type="checkbox" name="podcastexplicit" value="1" tabindex="1" $explicitchecked title="$vbphrase[explicit]" /></td>
    </tr>
    <tr>
    <td class="smallfont">$vbphrase[keywords]/td>
    <td class="smallfont">$vbphrase[author]/td>
    </tr>
    <tr>
    <td><input type="text" class="bginput" name="podcastkeywords" value="$podcastkeywords" size="50" maxlength="255" tabindex="1" title="$vbphrase[keywords]" /></td>
    <td><input type="text" class="bginput" name="podcastauthor" value="$podcastauthor" size="25" maxlength="255" tabindex="1" title="$vbphrase[author]" /></td>
    </tr>
    </table>
    </fieldset>
    <!-- / podcast stuff -->
    </if>

    <if condition="$show['misc_options']">
    <fieldset class="fieldset">
    <legend>$vbphrase[miscellaneous_options]</legend>
    <div style="padding:$stylevar[formspacer]px">
    <if condition="$bbuserinfo['signature'] != ''"><div><label for="cb_signature"><input type="checkbox" name="signature" value="1" id="cb_signature" tabindex="1" $checked[signature] />$vbphrase[show_your_signature]</label></div></if>
    <if condition="$show['parseurl']"><div><label for="cb_parseurl"><input type="checkbox" name="parseurl" value="1" id="cb_parseurl" tabindex="1" $checked[parseurl] />$vbphrase[automatically_parse_links_in_text]</label></div></if>
    $disablesmiliesoption
    </div>
    </fieldset>
    </if>

    $attachmentoption

    <if condition="$show['member']">
    <fieldset class="fieldset">
    <legend>$vbphrase[thread_subscription]</legend>
    <table cellpadding="0" cellspacing="$stylevar[formspacer]" border="0">
    <tr>
    <td>$vbphrase[notification_type]br /><select name="emailupdate" tabindex="1">
    <option value="9999" $emailchecked[9999]>$vbphrase[do_not_subscribe]</option>
    <option value="0" $emailchecked[0]>$vbphrase[no_email_notification]</option>
    <option value="1" $emailchecked[1]>$vbphrase[instant_email_notification]</option>
    <option value="2" $emailchecked[2]>$vbphrase[daily_email_notification]</option>
    <option value="3" $emailchecked[3]>$vbphrase[weekly_email_notification]</option>
    </select></td>
    <if condition="$show['subscribefolders']"><td>$vbphrase[folder]br /><select name="folderid" tabindex="1">$folderbits</select></td></if>
    </tr>
    </table>
    </fieldset>
    </if>

    <if condition="$show['poll']">
    <fieldset class="fieldset">
    <legend>$vbphrase[post_a_poll]</legend>
    <div style="padding:$stylevar[formspacer]px">
    <div><label for="cb_postpoll"><input type="checkbox" checked name="postpoll" value="yes" id="cb_postpoll" tabindex="1" $checked[postpoll] />$vbphrase[yes_post_a_poll_thread]</label></div>
    <div><label for="polloptnum">$vbphrase[number_of_poll_options]: <input type="text" class="bginput" size="5" name="polloptions" value="$polloptions" id="polloptnum" tabindex="1" /></label> <if condition="$vboptions['maxpolloptions']">($vbphrase[maximum]: $vboptions[maxpolloptions])</if></div>
    </div>
    </fieldset>
    </if>

    $threadmanagement

    </div>
    </div>

    <div style="margin-top:$stylevar[cellpadding]px">
    <input type="submit" class="button" name="sbutton" value="$vbphrase[submit_new_thread]" accesskey="s" tabindex="1" />
    <input type="submit" class="button" name="preview" value="$vbphrase[preview_post]" accesskey="r" tabindex="1" />
    </div>
    </td>
    </tr>
    </tbody>
    </table>
    </if>

    </form>

    <br />

    $forumrules

    $footer


    </body>
    </html>
    Make the world better

  4. #4
    Programming Since 1978 silver trophybronze trophy felgall's Avatar
    Join Date
    Sep 2005
    Location
    Sydney, NSW, Australia
    Posts
    16,810
    Mentioned
    25 Post(s)
    Tagged
    1 Thread(s)
    A hidden field is sent to the server but not displayed in the form.

    A 'disabled' field is displayed in the form but is not sent to the server

    A 'readonly' field is displayed in the form and sent to the server but cannot be updated.
    Stephen J Chapman

    javascriptexample.net, Book Reviews, follow me on Twitter
    HTML Help, CSS Help, JavaScript Help, PHP/mySQL Help, blog
    <input name="html5" type="text" required pattern="^$">

  5. #5
    SitePoint Guru team1504's Avatar
    Join Date
    May 2010
    Location
    Okemos, Michigan, USA
    Posts
    732
    Mentioned
    1 Post(s)
    Tagged
    0 Thread(s)
    Sorry if I am not of much help or maybe I am understanding your question wrong, but if
    you want to make the check box checked, and Non Editable/Non Selectable
    then why should it even be shown?
    I know this is not an html or coding solution, but to show the box as checked and not have it uncheckable, couldn't you use and image of a linked box.

    This way it shows the user that the box is always checked.

  6. #6
    Non-Member
    Join Date
    Dec 2010
    Location
    /home/pc
    Posts
    186
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    If the checkbox is permanently checked then I wouldn't even display it and just use a hidden input to send the value to the server.

    But if the checkbox is unchecked on page load and you want to make it unchangeable if it is clicked and then send its value to the server then you could try this.

    When the checkbox is clicked, its value is copied to a hidden input and the checkbox is then disabled. But you will need to do something else for the small number of browsers with js turned off that visit your site.

    Code HTML4Strict:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
     
    <html xmlns="http://www.w3.org/1999/xhtml">
        <head>
            <title></title>
            <script type="text/javascript">
     
                function setVal(elem) {
                    document.getElementById('hidChk1').value = elem.value;
                    elem.disabled = true;
                }
     
            </script>
        </head>
        <body>
     
            <form action="processForm.php" method="post" >
     
                <input type="checkbox" name="chk1" id="chk1" value='some_value' onclick="setVal(this)" />
     
                <input type='hidden' name='hidChk1' id='hidChk1' value='' />
     
                <input type="submit" value="submit" />
     
            </form>
     
        </body>
    </html>


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •