HTML Forum

**SBHUK** · 12-05-2011, 10:37 AM

Could anyone point me in the right direction as to how I create a pop up form in dreamweaver.

Would like pop up form (not a extra window) to open for contact with pre-defined subject and info

I want to show what the message will display which is sent but all they need to do is enter their email address and hit send.

Thanks

**vultren** · 12-05-2011, 12:30 PM

There is no where in Dreamweaver you could be directed, you need to code it.

**SBHUK** · 12-05-2011, 01:12 PM

OK,
So not something that dreamweaver can do.
Where is the best information to find how to do it, or find the code.

Sorry for such basic questions

**vultren** · 12-05-2011, 01:33 PM

Quote:

Originally Posted by SBHUK

OK,
So not something that dreamweaver can do.
Where is the best information to find how to do it, or find the code.

Sorry for such basic questions

Oh don't worry about a basic question. We all have them.

Just look for a good Jquery pop up page on Google, follow instructions, and go from there.

**ukrainarts** · 12-05-2011, 04:43 PM

Hello,

If you are looking for an automatic popup when the page is opened:

Put the following codes between <head> ... </head> tags!

Code:

<script type="text/javascript" src="jquery.min.js"></script>
<script type="text/javascript" src="jquery.reveal.js"></script>
<link rel="stylesheet" type="text/css" href="reveal.css" />
<script type="text/javascript">
	jQuery.noConflict();
	jQuery(document).ready(function($) {
  		$('#myModal').reveal({
     		animation: 'fadeAndPop',                  //fade, fadeAndPop, none
     		animationspeed: 300,                       	//how fast animtions are
     		closeonbackgroundclick: true,              	//if you click background will modal close?
     		dismissmodalclass: 'close-reveal-modal'   //the class of a button or element that will close an open modal
		});
	});
</script>

And put the following codes somewhere in your footer!

Code:

<?php
$adres = "http://".$_SERVER['HTTP_HOST']."".$_SERVER['REQUEST_URI']."";
$sayi = strlen($adres);
if($sayi < 23)
{
?>
<div id="myModal" class="reveal-modal"><iframe src="/popup-page.html" width="480" height="240" scrolling="no" frameborder="0"></iframe><p align="right"><a class="close-reveal-modal">×</a></p>
</div>
<?php
}
?>

popup-page.html is the page which will open as a popup by using Ajax technology!

Check attachment to find *.js and *.css files!

**chrishirst** · 12-05-2011, 05:00 PM

http://www.candsdesign.co.uk/article...-a-disclaimer/

all the code is in the source.

**SBHUK** · 12-06-2011, 04:45 PM

Thats the kind of popup I want. Which will be a contact page.
How do I get it to pop up when a button is clicked on the site ?

Appreciate the help !

**chrishirst** · 12-07-2011, 07:16 PM

The function is called in the body onload event,

HTML Code:

<body onload="check()">

Put that function call in the onclick event of a button instead.

**cantletugo** · 12-11-2011, 06:16 PM

A combination of HTML, jQuery, and Javascript will be to get the pop up contact form.
For the function of sending the email (the whole point of a contact form) you will need PHP coding.

The PHP part is fairly simple to get done but the HTML/Javascript/jQuery is harder to get to fit into your design.

**Physicsguy** · 10:37 AM

If you haven't found a solution yet, TopUp looks very interesting. However, it's in beta, so it might not be 100% stable. Try out the demos, and see if that's what you need.

One thing about the demo: You'll notice that two alert() boxes appear when you open and close the default demonstration popup. Obviously, they won't be there if you use the script yourself, it's just proving that the script has support for events like when the popup opens and when it closes. To remove those popups, scroll down, and change both textareas to 'function(){}'. They can't be blank, for some reason.

As for the thread location, you can't possibly make a popup form in only HTML. Some kind of client-side code, like Javascript, will be needed.

HTML Forum

Find a Professional HTML Freelancer!

FREE Outsourcing eBook!