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
    351
    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. #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.

  3. Users who have thanked AndrewGSW for this post:

    Psionicsin (04-16-2011)

  4. #3
    Regular Coder Psionicsin's Avatar
    Join Date
    Aug 2010
    Location
    Detroit, Michigan
    Posts
    351
    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.

  5. #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

  6. #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>

  7. #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')

  8. #7
    Senior Coder
    Join Date
    Jan 2005
    Location
    Memphis, TN
    Posts
    1,888
    Thanks
    8
    Thanked 145 Times in 143 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
  •