Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

Register Log in
  • Congratulations IamaSherpa on being selected by the Tek-Tips community for having the most helpful posts in the forums last week. Way to Go!

can i make a smaller checkbox 1

Status
Not open for further replies.
ghorr

ghorr

Programmer
Sep 16, 2002
29
RO
i need a checkbox inside a table but i want it to be smaller than the normal checkbox ... can it be done?
 
Sort by date Sort by votes
Use a tiny, tiny GIF. Add an onClick event to it, such that its image is toggled with that of the same checkbox, but in a different state.

Cheers,


[monkey] Edward [monkey]

"Cut a hole in the door. Hang a flap. Criminy, why didn't I think of this earlier?!" -- inventor of the cat door
 
Upvote 0 Downvote
okay... that would be pretty cool but unfortunately i don't know jscript ... can anyone pls show me an example ?
 
Upvote 0 Downvote
Ghorr,

Try this!

Code: 
<HTML>
<HEAD>
  <SCRIPT LANGUAGE=&quot;JavaScript&quot;>
    function toggle() {
      var is_checked = window.document.form_1.check_1.checked;
      if (is_checked == true) {
        window.document.form_1.check_1.checked = false;
        document.images['chkBox1'].src='unchecked.gif';
      } else {
        window.document.form_1.check_1.checked = true;
        document.images['chkBox1'].src='checked.gif';
      }
    }
  </SCRIPT>  
</HEAD>
<BODY BGCOLOR=&quot;#FFFFFF&quot; TEXT=&quot;#000000&quot; LINK=&quot;#0000FF&quot; VLINK=&quot;#800080&quot; ALINK=&quot;#FF0000&quot;>
  <H1>CheckBox with image</H1>
  <FORM NAME=&quot;form_1&quot; ACTION=&quot;something.php&quot; METHOD=&quot;POST&quot;>
    <A HREF=&quot;#&quot; onClick=&quot;javascript:toggle();&quot; STYLE=&quot;text-decoration:none;&quot;>
      <IMG SRC=&quot;unchecked.gif&quot; BORDER=&quot;0&quot; NAME=&quot;chkBox1&quot;>  
      <INPUT TYPE=&quot;checkbox&quot; NAME=&quot;check_1&quot; STYLE=&quot;display ='none';&quot;>Check me!
    </A><BR><BR>
    <INPUT TYPE=&quot;submit&quot; VALUE=&quot;Continue ...&quot;>
  </FORM>
</BODY>
</HTML>

Good luck §;O)


Jakob
 
Upvote 0 Downvote
feh ... this works too
<input type=&quot;checkbox&quot; style=&quot;width:10px;height:10px;&quot;>
 
Upvote 0 Downvote
Status
Not open for further replies.

Similar threads

scorney
  • Locked
  • Question
background image with overlay which Hover when over a specific Area/Form
Replies
1
Views
624
3esolar
3
Alt255
  • Locked
  • Question
Searching for a string that contains brackets
Replies
0
Views
176
Alt255
Alt255
cae154
  • Locked
  • Question
Body of email not appearing in correct font on iPhone and iPad
Replies
1
Views
689
spamjim
spamjim
Mike Lewis
  • Locked
  • Question
How to refresh a Javascript file in the browser's cache?
Replies
4
Views
1K
Mike Lewis
Mike Lewis
PeDa
  • Locked
  • Question
Media query: display = none/inline/block 1
Replies
1
Views
641
PeDa
PeDa

Part and Inventory Search

Sponsor

Back
Top