homepage Welcome to WebmasterWorld Guest from 54.227.40.166
register, free tools, login, search, pro membership, help, library, announcements, recent posts, open posts,
Become a Pro Member
Home / Forums Index / Code, Content, and Presentation / HTML
Forum Library, Charter, Moderators: incrediBILL

HTML Forum

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




msg:4246361
 10:11 am on Dec 27, 2010 (gmt 0)

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



Step 1. checked the check box only
from this tutorial page [hscripts.com ] 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

 

basketmen




msg:4246421
 5:19 pm on Dec 27, 2010 (gmt 0)

up up


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 />$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>


tangor




msg:4246435
 5:57 pm on Dec 27, 2010 (gmt 0)

Not sure why you want to show a "check" item that cannot be user changed. When I run into forms like this on the web I piss off and go elsewhere. If a choice is offered, make it valid, else don't offer it at all.

VuoriLiikaluoma




msg:4246621
 10:54 am on Dec 28, 2010 (gmt 0)

just use type hidden if your not going to allow changes, as tangor said colourfully it will annoy people to have a non-editable "option".

topr8




msg:4246623
 11:11 am on Dec 28, 2010 (gmt 0)

pass the checkbox as a hidden form field value there is no reason to show it

edit ... oh sorry, VuoriLiikaluoma just said this above anyway

rocknbil




msg:4247138
 5:53 pm on Dec 29, 2010 (gmt 0)

Well, the checkbox may need to be disabled until something else is selected. Still, you can hide it instead, which would be far more user friendly:

<select name="some-field" id="some-field" onchange="toggleCheck(this,'mycheckbox');">
<option value="">Select</option>
<option value="apple">Apple</option>
<option value="orange">Orange</option>
<option value="pear">Pear</option>
</select>

<p id="mycheckbox" style="display:none;">
<input type="checkbox" name="whatever" id="whatever"> <label for="whatever">Would you like that sliced?</label>
</p>

<script type="text/javascript">
function toggleCheck(selectObject,check) {
var ind=selectObject.selectedIndex;
document.getElementById(check).style.display=(ind==0)?'none':'block'; // or inline
}
</script>

May contain errors but that's the gist.

tangor




msg:4251213
 9:33 am on Jan 10, 2011 (gmt 0)

I cannot conceive (other than rockinbil's absolutely LOGICAL reason) any NON-CLICKABLE checkbox/radio button. Too spammy/scammy.

If the intent is to prevent user interaction, then don't offer it at all. That is more honest... and the user proceeds at their own peril.

bwakkie




msg:4252314
 11:36 am on Jan 12, 2011 (gmt 0)

well imagine you have an ajax validation/new form data service and after the first selection check you continue... at that moment I could imagine you like to block any change in the selection. And not showing in this case is NOT an option

Shingetsu




msg:4254974
 4:01 am on Jan 19, 2011 (gmt 0)

Hum.. Instead use disabled (I do believe u simply want it to be visible, but always on)
And then make a hidden field and process the data from the hidden field omitting the visual only checkbox.

kaled




msg:4255443
 10:36 pm on Jan 19, 2011 (gmt 0)

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

Use an image of a checkbox and then ask yourself "why am I doing this?"

Alternatively, create a box with css and place a tick character in it.

Kaled.

Global Options:
 top home search open messages active posts  
 

Home / Forums Index / Code, Content, and Presentation / HTML
rss feed

All trademarks and copyrights held by respective owners. Member comments are owned by the poster.
Home ¦ Free Tools ¦ Terms of Service ¦ Privacy Policy ¦ Report Problem ¦ About ¦ Library ¦ Newsletter
WebmasterWorld is a Developer Shed Community owned by Jim Boykin.
© Webmaster World 1996-2014 all rights reserved