Hamed Ali Khan

 

Hamed Ali Khan - Personal Website

 
Tutorial
For Feedback

Valid CSS!

Pop-Up windows using Dreamweaver 8


Following are the steps to open a Pop-Up Window when user clicks on a link.

Step 1
Create link wherever you want on a web page. If you want null links, then give ‘#’ symbol in link text box.

Step 2
Select the link and Click on ‘+’ symbol in Behavior Panel (if this panel is not displayed click on Windows > Behaviors, Shortcut Shift + F4), then click on Open Browser Window

Step 3
A Open Browser Window will appear as shown in the figure below.

Open Browser Window

Step 4
Browse for the URL / File which you want to open in Pop-Up Window, set width and height for the window and check the attributes that you want for the window and give a name to a window and click OK.

Step 5
In Behaviors Panel, the default event is onClick if you want you can change it as per the requirements.

Click here to see our sample Pop-Up window.

The following is the script to open a Pop-Up Window.

<script type="text/javascript">
<!--
function MM_openBrWindow(theURL,winName,features) { //v2.0
window.open(theURL,winName,features);
}
//-->
</script>

The following is the link code for the Pop-Up Window.

<p class="tut">
<strong>
<a href="#" onclick=" MM_openBrWindow ('photoalbum/index.htm', 'photoalbum', 'scrollbars=yes, width=690, height=580' ) "> Click here </a>
to see our sample Pop-Up window.
</strong>
</p>