homepage Welcome to WebmasterWorld Guest from 54.227.41.242
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

5+ Year Member



 
Msg#: 4246359 posted 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

5+ Year Member



 
Msg#: 4246359 posted 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

WebmasterWorld Senior Member tangor us a WebmasterWorld Top Contributor of All Time 5+ Year Member Top Contributors Of The Month



 
Msg#: 4246359 posted 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#: 4246359 posted 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

WebmasterWorld Senior Member topr8 us a WebmasterWorld Top Contributor of All Time 10+ Year Member



 
Msg#: 4246359 posted 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

WebmasterWorld Senior Member rocknbil us a WebmasterWorld Top Contributor of All Time 5+ Year Member



 
Msg#: 4246359 posted 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

WebmasterWorld Senior Member tangor us a WebmasterWorld Top Contributor of All Time 5+ Year Member Top Contributors Of The Month



 
Msg#: 4246359 posted 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

5+ Year Member



 
Msg#: 4246359 posted 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#: 4246359 posted 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

WebmasterWorld Senior Member kaled us a WebmasterWorld Top Contributor of All Time 10+ Year Member



 
Msg#: 4246359 posted 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