Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 2 of 2
  1. #1
    New to the CF scene
    Join Date
    May 2014
    Posts
    7
    Thanks
    1
    Thanked 0 Times in 0 Posts

    How can I make the output in 3 columns table with css when submitted?

    Code:
    <script type = "text/javascript">
    
    function showBoxes(frm){
    
       var message = "\n\n"
       var clothmessage = "\n\n"
    
       //For each checkbox see if it has been checked, record the value.
       for (i = 0; i < frm.handcarry.length; i++)
    
          if (frm.handcarry[i].checked){
     
             message +="[ ]"+frm.handcarry[i].value}
    
       document.write(message)
    }
    </SCRIPT>
    
    </HEAD>
    <BODY>
    <FORM NAME="boxes">
    <h2>CHECKLIST </h2>
        <div id="container" style="width:80%">
    <div id="header" style="background-color:#FFA500;">
    <h1 style="margin-bottom:0;">HANDCARRY</h1></div>
    <div id="menu" style="background-color:#FFD700;height:auto;width:100%;float:left;"><INPUT TYPE="Checkbox" NAME="handcarry" id="hc1" VALUE="CASH" onClick=""><label class="format" for="hc1">CASH</label>
    <INPUT TYPE="Checkbox" NAME="handcarry" id="hc2" VALUE="FOREIGN NOTE" onClick=""><label class="format" for="hc2">FOREIGN NOTE</label>
        <INPUT TYPE="Checkbox" NAME="handcarry" id="hc3" VALUE="CREDIT CARD" onClick=""><label class="checkboxThree" for="hc3">CREDIT</label>
     <INPUT TYPE="Checkbox" NAME="handcarry" id="hc4" VALUE="ID CARD" onClick=""><label class="checkboxThree" for="hc4">ID CARD</label>
    <INPUT TYPE="Checkbox" NAME="handcarry" id="hc5" VALUE="PASSPORT" onClick=""><label class="checkboxThree" for="hc5">PASSPOR</label>
    <INPUT TYPE="Checkbox" NAME="handcarry" id="hc6" VALUE="TICKET" onClick=""><label class="checkboxThree" for="hc6">TICKET</label>
    <INPUT TYPE="Checkbox" NAME="handcarry" id="hc7" VALUE="VOUCHER" onClick=""><label class="checkboxThree" for="hc7">VOUCHER</label>
    <INPUT TYPE="Checkbox" NAME="handcarry" id="hc8" VALUE="GUIDE BOOK" onClick=""><label class="checkboxThree" for="hc8">GUIDE BOOK</label>
    <INPUT TYPE="Checkbox" NAME="handcarry" id="hc9" VALUE="INSURANCE CARD" onClick=""><label class="checkboxThree" for="hc9">INSURANCE CARD</label>
    <INPUT TYPE="Checkbox" NAME="handcarry" id="hc10" VALUE="PEN" onClick=""><label class="checkboxThree" for="hc10">PEN</label>
    </DIV>
    
    <div>
    <INPUT TYPE="Button" VALUE="SUBMIT" onClick="showBoxes(this.form)">
    </div>
        </div>
    </FORM>

  2. #2
    New Coder
    Join Date
    Jun 2005
    Location
    Blackpool. UK
    Posts
    98
    Thanks
    0
    Thanked 4 Times in 4 Posts
    Write the necessay HTML code by whatever server side code accepts the form data submission.
    Chris

    Indifference will be the downfall of mankind, but who cares?


 

Tags for this Thread

Posting Permissions

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