SitePoint Sponsor

User Tag List

Results 1 to 5 of 5
  1. #1
    SitePoint Member
    Join Date
    Aug 2012
    Posts
    2
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Using Freedback forms in your mark up.

    I am currently working through the project site in 'Build your own
    website the right way using HTML & CSS' by Ian Lloyd.


    I have got to the part in Chapter 7 where I have built the form using
    Freedback.com and inserted the relevant markup as told in the book,
    but when I complete & submit the form as instructed, it just refreshes
    & returns to the top of the form. It should come up with a 'Thank You'
    & I should also receive an email.

    Any guidance would be appreciated.

  2. #2
    It's all Geek to me silver trophybronze trophy
    ralph.m's Avatar
    Join Date
    Mar 2009
    Location
    Melbourne, AU
    Posts
    24,165
    Mentioned
    453 Post(s)
    Tagged
    8 Thread(s)
    Hi harves00. Welcome to the forums.

    Could you take us through the steps you followed? Or post the code you are using? There are bits in the code you have to replace with your own information.

  3. #3
    SitePoint Member
    Join Date
    Aug 2012
    Posts
    2
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    ralph.m, Thanks,

    I create the form that we have created with HTML & CSS as instructed in the book using Freedback.com, I then insert & replace the mark up as instructed by the book into the HTML.

    Here is the result of my mark up

    HTML Code:
     <form action="" method="post" class="contact">
       <form enctype="multipart/form-data" method="post" 
        action="http://www.freedback.com/mail.php" accept-charset="UTF-8">
         <div>
          <input type="hidden" name="acctid" id="acctid" value="uf7k8823vdjngw9z"/>
          <input type="hidden" name="formid" id="formid" value="1121138"/>
          <input type="hidden" name="required_vars" id="required_vars" value="name,field-bed3ee0060dc89f,
           email,field-e97545d2b798448,field-50e39b346e2dc57,field-7c734df8d3fd99e,field-ef5566644e77ef5"/>   
        </div>
        <fieldset>
         <legend>Tell Us About a Dive Event</legend>
         <div>
          <label for="name" class="fixedwidth">Contact Name</label>
          <input type="text" name="name" id="name" size="40" value=""/>
         </div>
         <div>
          <label for="field-bed3ee0060dc89f" class="fixedwidth">Telephone Number</label>
          <input type="text" name="field-bed3ee0060dc89f" id="field-bed3ee0060dc89f" size="40" value=""/>
         </div>
         <div>
          <label for="email" class="fixedwidth">Email Address</label>
          <input type="text" name="email" id="email" size="40" value=""/>
         </div>
         <div>
          <label for="field-e97545d2b798448" class="fixedwidth">What is the Event Called?</label>
          <input type="text" name="field-e97545d2b798448" id="field-e97545d2b798448" size="40" value=""/>
         </div>
         <div>
          <label for="field-50e39b346e2dc57" class="fixedwidth">When is the Event?</label>
          <input type="text" name="field-50e39b346e2dc57" id="field-50e39b346e2dc57" size="40" value=""/>
         </div>
         <div>
          <label for="field-5921accd9b0916d" class="fixedwidth">What Region is the Even?</label>
           <select name="field-5921accd9b0916d" id="field-5921accd9b0916d">
    	<option value="South-West">South-West</option>
    	<option value="South-East">South-East</option>
    	<option value="Midlands">Midlands</option>
    	<option value="Central">Central</option>
    	<option value="London">London</option>
    	<option value="East">East</option>
    	<option value="North">North</option>
    	<option value="Scotland">Scotland</option>
    	<option value="Northern Ireland">Northern Ireland</option>
    	<option value="Wales">Wales</option>
    	<option value="International(See Details Below)">International(See Details Below)</option>
           </select>
         </div>
         <div>
          <p>Please provide any other details you think will be useful to us in the text
             area below. (It may save us calling or emailing you, and help avoid delays!)</p>
          <label for="field-400d63fd2970169" class="fixedwidth">More Details (As much as you think we will need!)</label>
          <textarea name="field-400d63fd2970169" id="field-400d63fd2970169" rows="6" cols="40"></textarea>
         </div>
         <div>
          <p>If we need to call you back for any more info, what would be
             the best time to call you on the number supplied?</p>
    	<input type="radio" name="field-7c734df8d3fd99e" id="field-7c734df8d3fd99e_0" 
             value="In the Morning" /> In the Morning<br/>
    	<input type="radio" name="field-7c734df8d3fd99e" id="field-7c734df8d3fd99e_1" 
             value="In the Afternoon" /> In the Afternoon<br/>
    	<input type="radio" name="field-7c734df8d3fd99e" id="field-7c734df8d3fd99e_2" 
             value="In the Evening" /> In the Evening<br/>
    	<input type="radio" name="field-7c734df8d3fd99e" id="field-7c734df8d3fd99e_3" 
             value="No Calls Please" /> No Calls Please<br/>
         </div>
         <div>
          <p>Bubble Under may share information you give us here with other
             like-minded people or websites to promote the event. Please 
             confirm if you are happy for us to do this.</p>
    	<input type="checkbox" name="field-ef5566644e77ef5[]" id="field-ef5566644e77ef5_0" 
             value="I am happy for this event to be publicised outside of and beyond BubbleUnder.com where possible."/> 
             I am happy for this event to be publicised outside of and beyond BubbleUnder.com where possible.<br/>
         </div>
         <div class="buttonarea">
          <input type="submit" value="Send Us the Info"/>
         </div>
        </fieldset>
       </form>
    There may be something obvious in there, but I have checked it 6 times!!
    Last edited by Stevie D; Sep 1, 2012 at 03:10. Reason: [HTML] tags added

  4. #4
    SitePoint Wizard
    Join Date
    Jul 2003
    Location
    Kent
    Posts
    1,921
    Mentioned
    1 Post(s)
    Tagged
    0 Thread(s)
    forms need an action, which is a script, usually PHP, which then acts upon the data submitted to it.
    A from with no action is a dead item.

  5. #5
    It's all Geek to me silver trophybronze trophy
    ralph.m's Avatar
    Join Date
    Mar 2009
    Location
    Melbourne, AU
    Posts
    24,165
    Mentioned
    453 Post(s)
    Tagged
    8 Thread(s)
    As John says, on page 287 of the book, note the code inside the action=" " part. Make sure to cover every step in the book.


Bookmarks

Posting Permissions

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