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 7 of 7
  1. #1
    Regular Coder Psionicsin's Avatar
    Join Date
    Aug 2010
    Location
    Detroit, Michigan
    Posts
    349
    Thanks
    54
    Thanked 0 Times in 0 Posts

    jQuery Modal Email Form Not Working

    I recently bought the jQuery Modal Email form from Code Canyon, but I think i'm doing something wrong because I can't configure it like I want to. that is, the pop-up that's supposed to show isn't...popping up.

    Can someone help me to understand what I'm doing wrong?

    Here are the directions: http://codecanyon.net/item/jquery-mo...preview/205277

    And here's a link to the contact page of our site: http://www.rutholsonphoto.com/contact_us.php

  • #2
    Senior Coder
    Join Date
    Apr 2011
    Location
    London, England
    Posts
    2,120
    Thanks
    15
    Thanked 354 Times in 353 Posts
    Your link to the new library uses scr NOT src.

  • Users who have thanked AndrewGSW for this post:

    Psionicsin (04-16-2011)

  • #3
    Regular Coder Psionicsin's Avatar
    Join Date
    Aug 2010
    Location
    Detroit, Michigan
    Posts
    349
    Thanks
    54
    Thanked 0 Times in 0 Posts
    Quote Originally Posted by AndrewGSW View Post
    Your link to the new library uses scr NOT src.
    Ok I changed it, but it's still not working like it should.

    It seems like the plugin isn't creating the
    Code:
    <div id="mask"></div>
    <div id="conact"></div>
    <div id="contactForm"></div>
    fields automatically like it should.
    Last edited by Psionicsin; 04-16-2011 at 06:23 PM.

  • #4
    Master Coder
    Join Date
    Dec 2007
    Posts
    6,682
    Thanks
    436
    Thanked 890 Times in 879 Posts
    Quote Originally Posted by Psionicsin View Post
    Ok I changed it, but it's still not working like it should.

    It seems like the plugin isn't creating the
    Code:
    <div id="mask"></div>
    <div id="conact"></div>
    <div id="contactForm"></div>
    fields automatically like it should.
    you use prototype, scriptaculous and jquery in the same page, i'm not sure but could be a conflict somewhere. Comment the script element where you load scriptaculous and try again.

    best regards

  • #5
    New to the CF scene
    Join Date
    Apr 2011
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts
    try writing your email address as
    <p class="emailReplace" title="Email Us!">info[at]rutholsonphoto[dot]com</p>
    instead of
    <a href="mailto:info@rutholsonphoto.com" title="info@rutholsonphoto.com" class="emailReplace">Email Us!</a>

  • #6
    New to the CF scene
    Join Date
    Apr 2011
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Also,

    Code:
    <script src="./js/ModalEmail.js" type="text/javascript">
    	$('#info').ModalEmail({
    		stylesheet : "./css/baseStyle.css",
    		action : "./content/contactus/mailer.php",
    		simple : false
    	});
    </script>
    Should be
    Code:
    <script src="./js/ModalEmail.js" type="text/javascript"></script>
    <script type="text/javascript">
    	$('#info').ModalEmail({
    		stylesheet : "./css/baseStyle.css",
    		action : "./content/contactus/mailer.php",
    		simple : false
    	});
    </script>
    and for some reason, jQuery can't find your $('#info'), try replacing it with $('body')

  • #7
    Senior Coder
    Join Date
    Jan 2005
    Location
    Memphis, TN
    Posts
    1,785
    Thanks
    8
    Thanked 131 Times in 129 Posts
    in addition to what LastRoseStudios said, don't put the script in your head, put i right before your closing body tag like:

    Code:
    <script src="./js/ModalEmail.js" type="text/javascript"></script>
    <script type="text/javascript">
    	$('#info').ModalEmail({
    		stylesheet : "./css/baseStyle.css",
    		action : "./content/contactus/mailer.php",
    		simple : false
    	});
    </script>
    </body>
    </html>
    You are calling the script to find "#info" before the #info div is being loaded by the page. So Call your script in the HTML after your #info div in the code.
    Stop making things so hard on yourself.
    i is tugbucket :: help raise tugburg :: Whitehaven Kiwanis


  •  

    Posting Permissions

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