Register

If this is your first visit, please click the Sign Up now button to begin the process of creating your account so you can begin posting on our forums! The Sign Up process will only take up about a minute of two of your time.

Results 1 to 10 of 10
  1. #1
    WDF Staff m3n0tu18's Avatar
    Join Date
    Jul 2011
    Location
    Devon, UK
    Posts
    1,473
    Member #
    28473
    Liked
    265 times
    Hi all.

    Okay I have looked through some threads but couldn't actually find anything so am posting here.

    I have a contact form (really?! YOUR KIDDING!!)

    but on submit, instead of it sending me to another page saying "Thanks" I want a lighbox to appear saying, "Thanks" or "Error"

    any Ideas where I can find this? I have been banging my head against the wall for a few hours now...

    Thanks

    -M3
    If you like my comments to your thread please click the LIKE button

    Check out my portfolio: Here!
    View my company Facebook Page
    View my company Website

    <<Plrease ignoer my typo's I have isdexlyia>>

  2.  

  3. #2
    Senior Member Ronald Roe's Avatar
    Join Date
    Mar 2011
    Location
    Oklahoma City
    Posts
    3,141
    Member #
    27197
    Liked
    959 times
    That sounds like you'll need some ajax magic, since you need to send the form info without leaving the page. Not really my forte, but here's a tutorial I found to that effect: http://net.tutsplus.com/tutorials/ja...-using-jquery/
    Ron Roe
    Web Developer
    "If every app were designed using the same design template, oh wait...Bootstrap."

  4. #3
    WDF Staff m3n0tu18's Avatar
    Join Date
    Jul 2011
    Location
    Devon, UK
    Posts
    1,473
    Member #
    28473
    Liked
    265 times
    Quote Originally Posted by Ronald Roe, post: 228024
    That sounds like you'll need some ajax magic, since you need to send the form info without leaving the page. Not really my forte, but here's a tutorial I found to that effect: http://net.tutsplus.com/tutorials/ja...-using-jquery/
    Thanks for this Ronald, i saw this when I was looking around. But it needs to be an actual contact form rather than a call me back form :/
    If you like my comments to your thread please click the LIKE button

    Check out my portfolio: Here!
    View my company Facebook Page
    View my company Website

    <<Plrease ignoer my typo's I have isdexlyia>>

  5. #4
    Senior Member Ronald Roe's Avatar
    Join Date
    Mar 2011
    Location
    Oklahoma City
    Posts
    3,141
    Member #
    27197
    Liked
    959 times
    You could change the form to submit whatever information you need, couldn't you? Or perhaps I'm misunderstanding what you want...
    Ron Roe
    Web Developer
    "If every app were designed using the same design template, oh wait...Bootstrap."

  6. #5
    Senior Member Blackhawk095's Avatar
    Join Date
    May 2011
    Location
    Kentucky (USA)
    Posts
    384
    Member #
    27969
    Liked
    45 times
    Here is a light box contact form. The whole form is a light box, but it has a "goodbye" message like you wanted.

    http://www.ericmmartin.com/projects/simplemodal-demos/

    Look for the "contact form" section and click the demo button.
    [COLOR=rgb(0, 51, 102)]Student Web Designer[/COLOR]
    [COLOR=rgb(0, 51, 102)]If you thought something I said was helpful. LIKE IT![/COLOR]

  7. #6
    WDF Staff m3n0tu18's Avatar
    Join Date
    Jul 2011
    Location
    Devon, UK
    Posts
    1,473
    Member #
    28473
    Liked
    265 times
    Quote Originally Posted by Blackhawk095, post: 228062
    Here is a light box contact form. The whole form is a light box, but it has a "goodbye" message like you wanted.

    http://www.ericmmartin.com/projects/simplemodal-demos/

    Look for the "contact form" section and click the demo button.
    Close but still not quite there :/

    I dont want the contact form in a modal. I just want a popup saying "Thanks, we will contact you soon" or "Error you made errors" to be in a modal, the contact form has to be on the actual page. I dont want the site to divert to another page to say thanks i just want it to lightbox or modal up instead.
    If you like my comments to your thread please click the LIKE button

    Check out my portfolio: Here!
    View my company Facebook Page
    View my company Website

    <<Plrease ignoer my typo's I have isdexlyia>>

  8. #7
    Senior Member Blackhawk095's Avatar
    Join Date
    May 2011
    Location
    Kentucky (USA)
    Posts
    384
    Member #
    27969
    Liked
    45 times
    Quote Originally Posted by m3n0tu18, post: 228064
    Close but still not quite there :/

    I dont want the contact form in a modal. I just want a popup saying "Thanks, we will contact you soon" or "Error you made errors" to be in a modal, the contact form has to be on the actual page. I dont want the site to divert to another page to say thanks i just want it to lightbox or modal up instead.
    That is all I could find.
    m3n0tu18 likes this.
    [COLOR=rgb(0, 51, 102)]Student Web Designer[/COLOR]
    [COLOR=rgb(0, 51, 102)]If you thought something I said was helpful. LIKE IT![/COLOR]

  9. #8
    WDF Staff m3n0tu18's Avatar
    Join Date
    Jul 2011
    Location
    Devon, UK
    Posts
    1,473
    Member #
    28473
    Liked
    265 times
    Quote Originally Posted by Blackhawk095, post: 228066
    That is all I could find.
    Thanks for trying man
    If you like my comments to your thread please click the LIKE button

    Check out my portfolio: Here!
    View my company Facebook Page
    View my company Website

    <<Plrease ignoer my typo's I have isdexlyia>>

  10. #9
    WDF Staff m3n0tu18's Avatar
    Join Date
    Jul 2011
    Location
    Devon, UK
    Posts
    1,473
    Member #
    28473
    Liked
    265 times
    Quote Originally Posted by Ronald Roe, post: 228033
    You could change the form to submit whatever information you need, couldn't you? Or perhaps I'm misunderstanding what you want...
    Just had a look at the code. I'm not totally sure with JScript unfortunately, but have been playing around with it. I really cant get it to do what I want it to.

    All I want to put in it is a textarea for the message. But when i do it. it doesnt float the box below Phone it just overlaps behind and I am not totally sure why. Any help with this would be most appreciated. But you were right Ron, thats EXACTLY what i want. Just with an Input to add a message too Thanks man
    Ronald Roe likes this.
    If you like my comments to your thread please click the LIKE button

    Check out my portfolio: Here!
    View my company Facebook Page
    View my company Website

    <<Plrease ignoer my typo's I have isdexlyia>>

  11. #10
    Senior Member Ronald Roe's Avatar
    Join Date
    Mar 2011
    Location
    Oklahoma City
    Posts
    3,141
    Member #
    27197
    Liked
    959 times
    Quote Originally Posted by m3n0tu18, post: 228075
    But you were right Ron, thats EXACTLY what i want. Just with an Input to add a message too Thanks man
    No problem. Post the code you're working with and I'll have a look at it.
    Ron Roe
    Web Developer
    "If every app were designed using the same design template, oh wait...Bootstrap."


Remove Ads

Posting Permissions

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

Search tags for this page

attractive forms in lightbox in javascripts
,

form lightbox close on submit

,
lightbox contact form html javascript
,
lightbox submit form to close
Click on a term to search for related topics.
All times are GMT -6. The time now is 05:33 PM.
Powered by vBulletin® Version 4.2.3
Copyright © 2019 vBulletin Solutions, Inc. All rights reserved.
vBulletin Skin By: PurevB.com