Results 1 to 9 of 9

Thread: floating contact form, left side

  1. #1
    Join Date
    Jan 2009
    Location
    NH
    Posts
    550
    Thanks
    93
    Thanked 18 Times in 18 Posts

    Question floating contact form, left side

    I'm trying to make a floating left side, out of the main container, for call me and contact me.
    similar to this
    http://www.jqueryscript.net/demo/jQu...ntact-Sidebar/

    the contact button opens your email clientt but I'd like it to pop open a form to fill out instead.
    here is an example of what I've used before from contactme but they are shutting down. I know the code to make the call me button work

    Code:
    <a href="tel:1-847-555-5555">1-847-555-5555</a>

  2. #2
    Join Date
    Jan 2009
    Location
    NH
    Posts
    550
    Thanks
    93
    Thanked 18 Times in 18 Posts

    Default

    does anyone have any ideas?

    this is the code that I use from contactme

    Code:
    <script type="text/javascript">var _cmo = {form: '55cd1ee8adfbd40003002d54', text: 'Contact', align: 'left', valign: 'middle', lang: 'en', background_color: '#003E02'}; (function() {var cms = document.createElement('script'); cms.type = 'text/javascript'; cms.async = true; cms.src = ('https:' == document.location.protocol ? 'https://d1uwd25yvxu96k.cloudfront.net' : 'http://static.contactme.com') + '/widgets/tab/v1/tab.js'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(cms, s);})();</script>

  3. #3
    Join Date
    Jul 2008
    Location
    Derbyshire, UK
    Posts
    2,990
    Thanks
    25
    Thanked 581 Times in 561 Posts
    Blog Entries
    35

    Default

    I'm not entirely sure what you're asking. The script looks like it pops up and inserts the contact from that they provide, but if you are saying that they're discontinuing service, I image you would need to approach this in 2 stages to build a suitable alternative;

    1 - Create your own contact form, either one hosted on your own server or via a different 3rd party.

    2 - Open your alternative contact form page via a modal window (source a modal popup script).

    Either way, it looks like you will need to research/build a contact form, and a modal window/popup. There is probably a modal window script in the DD library so have a look there. As for the contact form, try Googling something like "how to create a contact form with php".
    Focus on Function Web Design
    Fast Edit (A flat file, PHP web page editor & CMS. Small, FREE, no database!) | Fast Edit BE (Snippet Manager) (Web content editor for multiple editable regions!) | Fast Apps

  4. #4
    Join Date
    Jan 2009
    Location
    NH
    Posts
    550
    Thanks
    93
    Thanked 18 Times in 18 Posts

    Default

    Yes, contactme is discounting soon. I'd like the modal to appear in the far left of the website, outside of the container. I'm just not sure how to make the code for that.

    Code:
    <div id="wufoo-zuzz9gb1o0z8xd">
    Fill out my <a href="https://nationalkitchencabinets.wufoo.com/forms/zuzz9gb1o0z8xd">online form</a>.
    </div>
    <div id="wuf-adv" style="font-family:inherit;font-size: small;color:#a7a7a7;text-align:center;display:block;">There are tons of <a href="http://www.wufoo.com/features/">Wufoo features</a> to help make your forms awesome.</div>
    <script type="text/javascript">var zuzz9gb1o0z8xd;(function(d, t) {
    var s = d.createElement(t), options = {
    'userName':'nationalkitchencabinets',
    'formHash':'zuzz9gb1o0z8xd',
    'autoResize':true,
    'height':'603',
    'async':true,
    'host':'wufoo.com',
    'header':'show',
    'ssl':true};
    s.src = ('https:' == d.location.protocol ? 'https://' : 'http://') + 'www.wufoo.com/scripts/embed/form.js';
    s.onload = s.onreadystatechange = function() {
    var rs = this.readyState; if (rs) if (rs != 'complete') if (rs != 'loaded') return;
    try { zuzz9gb1o0z8xd = new WufooForm();zuzz9gb1o0z8xd.initialize(options);zuzz9gb1o0z8xd.display(); } catch (e) {}};
    var scr = d.getElementsByTagName(t)[0], par = scr.parentNode; par.insertBefore(s, scr);
    })(document, 'script');</script>

  5. #5
    Join Date
    Jul 2008
    Location
    Derbyshire, UK
    Posts
    2,990
    Thanks
    25
    Thanked 581 Times in 561 Posts
    Blog Entries
    35

    Default

    Focus on Function Web Design
    Fast Edit (A flat file, PHP web page editor & CMS. Small, FREE, no database!) | Fast Edit BE (Snippet Manager) (Web content editor for multiple editable regions!) | Fast Apps

  6. #6
    Join Date
    Jan 2009
    Location
    NH
    Posts
    550
    Thanks
    93
    Thanked 18 Times in 18 Posts

    Default

    I just can't find a way to code the modal popup to the far left to float like this image.

    Click image for larger version. 

Name:	Capture.jpg 
Views:	32 
Size:	6.8 KB 
ID:	5874

  7. #7
    Join Date
    Jul 2008
    Location
    Derbyshire, UK
    Posts
    2,990
    Thanks
    25
    Thanked 581 Times in 561 Posts
    Blog Entries
    35

    Default

    You mean the "Contact" tab? That's not a modal popup - although I still believe that's what you want to display your popup contact form inside.

    You can "stick" the tab to the left side of the screen using position:fixed;
    Focus on Function Web Design
    Fast Edit (A flat file, PHP web page editor & CMS. Small, FREE, no database!) | Fast Edit BE (Snippet Manager) (Web content editor for multiple editable regions!) | Fast Apps

  8. #8
    Join Date
    Jan 2009
    Location
    NH
    Posts
    550
    Thanks
    93
    Thanked 18 Times in 18 Posts

    Default

    click on the link and scroll down the page, see how the contact button stays on the left in the middle?

  9. #9
    Join Date
    Jul 2008
    Location
    Derbyshire, UK
    Posts
    2,990
    Thanks
    25
    Thanked 581 Times in 561 Posts
    Blog Entries
    35

    Default

    Yes. Please refer to my previous post regarding the use of position:fixed; to "stick" an element (the tab you will build) to a place on the screen.
    Focus on Function Web Design
    Fast Edit (A flat file, PHP web page editor & CMS. Small, FREE, no database!) | Fast Edit BE (Snippet Manager) (Web content editor for multiple editable regions!) | Fast Apps

Similar Threads

  1. Tab in left side
    By rtr.souvik in forum Dynamic Drive scripts help
    Replies: 1
    Last Post: 09-11-2009, 03:27 AM
  2. I need a left side dynamic menu
    By karthikchandan.p in forum Looking for such a script or service
    Replies: 1
    Last Post: 04-29-2007, 03:08 PM
  3. Right hand side version of Floating Menu
    By EssiewW in forum Dynamic Drive scripts help
    Replies: 2
    Last Post: 04-02-2007, 10:26 PM
  4. Tab Content Script (with left, right side)
    By Dennis_Gull in forum Dynamic Drive scripts help
    Replies: 4
    Last Post: 03-13-2007, 10:26 PM
  5. Floating Menu Script (right instead of left)
    By no1uknow in forum Dynamic Drive scripts help
    Replies: 1
    Last Post: 11-02-2005, 07:17 PM

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
  •