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
    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
    •