jQuery jQuery Modal Email Form Not Working

[Psionicsin]

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

[AndrewGSW]

Your link to the new library uses scr NOT src.

[Psionicsin]

Originally Posted by AndrewGSW

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

<div id="mask"></div>
<div id="conact"></div>
<div id="contactForm"></div>

fields automatically like it should.

[oesxyl]

Originally Posted by Psionicsin

Ok I changed it, but it's still not working like it should.

It seems like the plugin isn't creating the

<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

[LastRoseStudios]

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>

[LastRoseStudios]

Also,

<script src="./js/ModalEmail.js" type="text/javascript">
	$('#info').ModalEmail({
		stylesheet : "./css/baseStyle.css",
		action : "./content/contactus/mailer.php",
		simple : false
	});
</script>

Should be

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

[harbingerOTV]

in addition to what LastRoseStudios said, don't put the script in your head, put i right before your closing body tag like:

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