Show a contact form (a valid one) by a javascrpt technik like lightbox r fancybox

[the cute]

Hello dynamicDrivers !
i need some Help if you don't mind guys ..
i have an HTML page that i'v designed and i want to link an image inside this page to a javascript windows that showing like a lightbox or a fancybox. and that windo contain a contact form designed with some css and php codes..
hope it's clear for you guys, i'v tried a lot (hundreds) of tutorial lnks but i din't get it right, maybe someone here has a typical way to do it right.
Thanks again and again.:o

[bernie1227]

this (http://www.html-form-guide.com/contact-form/simple-modal-popup-contact-form.html) may help, simply install it and use the image as the link for opening it.

[the cute]

this (http://www.html-form-guide.com/contact-form/simple-modal-popup-contact-form.html) may help, simply install it and use the image as the link for opening it.
thanks for your reply but it seems tha there is no link in your post

[james438]

It's there. Take a closer look at the first word in bernie1227's post. The link goes here: http://www.html-form-guide.com/contact-form/simple-modal-popup-contact-form.html

[the cute]

It's there. Take a closer look at the first word in bernie1227's post. The link goes here: http://www.html-form-guide.com/contact-form/simple-modal-popup-contact-form.html

oh yeah thank man !! i need my glasses hhhhhh
thank you very much !!

[Beverleyh]

That's a bit nifty! Thanks for the link Bernie :)

[the cute]

Hello Guys !!
unfortunately that didn't work !! can i upload for you guys the files of my web page and check it out if there is something's wrong :!!?

[Beverleyh]

It might sound silly but are you sure that your server is actually setup to send mail?

Its just with you saying that you've tried hundreds of tutorials and you can't get any working - it makes me wonder if you're on a free web hosting account that has the PHP mail() function and/or SMTP disabled. Can you first check with your web host to see if that's the case?

Alternatively, if you have no luck with that, you can use a 3rd party, externally hosted emailing service such as http://www.response-o-matic.com/

[the cute]

It might sound silly but are you sure that your server is actually setup to send mail?

Its just with you saying that you've tried hundreds of tutorials and you can't get any working - it makes me wonder if you're on a free web hosting account that has the PHP mail() function and/or SMTP disabled. Can you first check with your web host to see if that's the case?

Alternatively, if you have no luck with that, you can use a 3rd party, externally hosted emailing service such as http://www.response-o-matic.com/

thanks Beverleyh for your reply !!
the actual problem is not (yet) the mail sending ! i'm on a paid hosting server !! the problem is the modal box doesn't show after clicking the link .. it's like the javascript is not activated or something like that !!

[Beverleyh]

Oh, I see - I got the wrong end of the stick. My bad.
In that case, yes please provide a link to your page so we can help troubleshoot the popup/modal window that isn't working for you.

[the cute]

here is an exaple of the my webpage :
i throw awayte unecessary pages and images !!
here is the link : (1 megabytes)
http://cjoint.com/12sp/BIDaHSq8D9O.htm

Cordially

[the cute]

Oh, I see - I got the wrong end of the stick. My bad.
In that case, yes please provide a link to your page so we can help troubleshoot the popup/modal window that isn't working for you.

it's okay !! thank you very much for being such an angel !
i attached an example of m webpage in the past post !!

[traq]

Do you have that page set up on your site somewhere that we can visit? In the case of html/javascript, it's actually *much* easier to look at a live version than the scripts themselves.

[the cute]

Do you have that page set up on your site somewhere that we can visit? In the case of html/javascript, it's actually *much* easier to look at a live version than the scripts themselves.

here you go : i put it in a friend domain :
www.anyvisasupport.com/test

[bernie1227]

Hi the cute,
Where on the page is the link to the popup?

[the cute]

Hi the cute,
Where on the page is the link to the popup?

hello there
there is the contact us yellow button undder the phone icon in the near bottom of the page

[bernie1227]

at first glance, it looks like you haven't included these:


<script type='text/javascript' src='scripts/gen_validatorv31.js'></script>
<script type='text/javascript' src='scripts/fg_ajax.js'></script>
<script type='text/javascript' src='scripts/fg_moveable_popup.js'></script>
<script type='text/javascript' src='scripts/fg_form_submitter.js'></script>

in the head.

[traq]

also, many of the scripts/resources you do define give a 404: Not Found response. Make sure those resources are available, and then make sure the paths are correct.

there are plenty of other errors, but if you fix the missing files first, many of them might go away.
http://custom-anything.com/sand/console.png

[bernie1227]

most of those are images, so I wouldn't worry about them for the meantime.

[the cute]

at first glance, it looks like you haven't included these:


<script type='text/javascript' src='scripts/gen_validatorv31.js'></script>
<script type='text/javascript' src='scripts/fg_ajax.js'></script>
<script type='text/javascript' src='scripts/fg_moveable_popup.js'></script>
<script type='text/javascript' src='scripts/fg_form_submitter.js'></script>

in the head.

i did amend those lin in the head section, but still no response after clicking on the contact us button.

[the cute]

also, many of the scripts/resources you do define give a 404: Not Found response. Make sure those resources are available, and then make sure the paths are correct.

there are plenty of other errors, but if you fix the missing files first, many of them might go away.
http://custom-anything.com/sand/console.png

thank you so much for th warnin, actually i delet those fil because they r not necessary for me at the moment ..
thank you again

[bernie1227]

Actually that error report has helped a lot traq, take a look at the uncaught reference error, for some reason, the popup form isn't actually defined.

[traq]

yeah, there's a few other things to note as well: one of the scripts is actually using the console to report issues. I'm not sure if this is the script in question, though.

[the cute]

So any possible solution !? i managed to clear off all the unuseful references in the page and still not working yet !!
thanks guys for all your support !!

[bernie1227]

I can't see your actual form in the HTML, try putting this in:


<div id="fg_formContainer" style="display: none; ">
<div id="fg_container_header">
<div id="fg_box_Title">Contact us</div>
<div id="fg_box_Close"><a href="javascript:fg_hideform('fg_formContainer','fg_backgroundpopup');">Close(X)</a></div>
</div>

<div id="fg_form_InnerContainer">
<form id="contactus" action="javascript:fg_submit_form()" method="post" accept-charset="UTF-8">

<input type="hidden" name="submitted" id="submitted" value="1">
<input type="hidden" name="id6d2999dbea5cb56cd287" value="ff9a1df5e8f27abf402768d34b249555">
<input type="text" class="spmhidip" name="sp73d83827d383c3353000ae648abaf8e6">
<div class="short_explanation">* required fields</div>
<div id="fg_server_errors" class="error"></div>
<div class="container">
<label for="name">Your Full Name*: </label><br>
<input type="text" name="name" id="name" value="" maxlength="50"><br>
<span id="contactus_name_errorloc" class="error"></span>
</div>
<div class="container">
<label for="email">Email Address*:</label><br>
<input type="text" name="email" id="email" value="" maxlength="50"><br>
<span id="contactus_email_errorloc" class="error"></span>
</div>
<div class="container">
<label for="message">Message:</label><br>
<span id="contactus_message_errorloc" class="error"></span>
<textarea rows="10" cols="50" name="message" id="message"></textarea>
</div>

<div class="container">
<input type="submit" name="Submit" value="Submit">
</div>
</form>
</div>
</div>