i want to do one task. can any body know plz tell me.

when i click on hyperlink then popup fancy box will appear with image and image discription. and that popup fancybox have iframe with scrolltab.

if anybody knows plz send reference.

u need to files for these

1.) newwindow.php
2.) newwindow2.php

1.) newwindow.php

<a href="#" onclick="window.open('newwindow2.php','_blank','toolbar=no, location=no, directories=no, status=no, menubar=no, scrollbars=yes, resizable=no, copyhistory=no, width=400, height=200');">click me</a>


<img src='images/sulik.jpg'><br />

description: We and i know so many Things.... travel from great saltwater to home of biting lizard

i know how to make iframe but i dont know where you want it to be put... so this is it for the moment.... iframe is easy to add.

also even i set resizable=no i dont know in ie but in my current browser which is firefox... it's still resizable... so i google it out and found out some huge bug discussion....

a part of that link says:

If this feature is set to yes, the new secondary window will be resizable.
Note: Starting with version 1.4, Mozilla-based browsers have a window resizing grippy at the right end of the status bar, this ensures that users can resize the browser window even if the web author requested this secondary window to be non-resizable. In such case, the maximize/restore icon in the window's titlebar will be disabled and the window's borders won't allow resizing but the window will still be resizable via that grippy in the status bar.

and you can also read their bug reviews here

html page will appear in lightbox popup window when clicking an hyperlink.

popup windows are a security risk
are blocked in browsers
using them relegates the site to minimal traffic,
most users will not clickover their security software warning

everything can be coded on the page without any external files or windows by changing the visibility of a container element

example only: fairly ancient crossbrowser compatible code

<button id="frorm" align="center" onClick="showIt();">Important</button>
<script type="text/javascript">
(document.getElementById) ? dom = true : dom = false;
function hideIt() {
if (dom) {document.getElementById("layerm1").style.visibility='hidden';}
if (document.layers) {document.layers["layerm1"].visibility='hide';} }
function showIt() {
if (dom) {document.getElementById("layerm1").style.visibility='visible';}
if (document.layers) {document.layers["layerm1"].visibility='show';} }
<div id="layerm1" class='bottom' style="position:fixed; left:10px; top:30px; width:80%; visibility:hidden; padding:10px; margin:10px; background:#ececec; border: 1px solid;">
<iframe id='iframe1' src='blank.html' width='100%' height='800'>blank.html is a blank page, that the browser can load to speed initial page time without multiple external files</iframe>
<button id="form" onClick="hideIt();">Close</button></div>

links can be something like <a href='#' onclilck='showit();document.getelementbyid("iframe1").src="href";'>Show href</a>