There's more than one way to do that. Depends on how you want to go. Here's one I use all the time.
First, I went to my "js" directory and included the following file called newwin.js having code :
<!-- hide this script from old browsers
// http://powerhousedata.com
// This script opens a new browser window and writes
// HTML to display an image with a title and caption
function show_view(pFileName,pTitle,pCaption,pScrolling) {
// create iframe html with pFileName inside of it
var s1 = '<IFRAME NAME=\"I1\" SRC=\"';
var s2 = '\" HEIGHT=\"450px\" WIDTH=\"750px\" TITLE=\"Cascading Style Sheet Results\" ALIGN=\"middle\" STYLE=\"border: 2px solid #666666\" SCROLLING=\"';
var s3 = " Your browser does not support inline frames or is currently configured not to display inline frames. ";
var s4 = "</IFRAME>";
var i=0 ;
s2 += pScrolling;
s2 += '\">';
a= "";
s1 += pFileName + s2 + s3 +s4;
//alert(s1);
// specify window parameters
TutorialWin = window.open("","photo","onLoad=window.focus(),width=850,height=650,menubar=no,status=no,scrollbars,resizable,screenX=20,screenY=40,left=80,top=20");
TutorialWin.focus();
// write content to window
TutorialWin.document.writeln('<html><head><title>' + pTitle + '</title></head>');
TutorialWin.document.writeln('<BODY BGCOLOR=White LINK=Gray VLINK=Gray> ');
TutorialWin.document.writeln('<P STYLE="text-align: center"><font size=+2 face="arial,helvetica"><b>' + pTitle + '</b></font><br><hr></p>');
// display iframe with pFileName inside of it
TutorialWin.document.writeln('<P STYLE="text-align: center">');
TutorialWin.document.writeln(s1);
TutorialWin.document.writeln('<font face="arial,helvetica">');
TutorialWin.document.writeln('<br><br>');
TutorialWin.document.writeln(pCaption);
TutorialWin.document.writeln('</font><br>');
TutorialWin.document.writeln(' ');
TutorialWin.document.writeln('<font face="Arial, Helvetica" size="2" color=teal>');
TutorialWin.document.writeln('Copyright © 2005 </font><font face="Arial, Helvetica" size="2" color="#993366">Powerhouse Data</font>');
TutorialWin.document.writeln('<br><a href =" " onClick="self.close()">Close this window</a>');
TutorialWin.document.writeln(' <br><br></p></body></html>');
TutorialWin.document.bgColor="lightyellow";
//for (propertyName in TutorialWin.document)
//for (propertyName in navigator)
//TutorialWin.document.writeln(propertyName + "<br>");
//TutorialWin.document.writeln("<br>navigator.appName="+navigator.appName);
//TutorialWin.document.writeln("<br>TutorialWin.document.width="+TutorialWin.document.width);
TutorialWin.document.close();
}
// done hiding from old browsers -->
Then in my Text/HTML I can create a link and pass info to the new window.
<A onmouseover="window.status='Click Here';return true" title="CSS Tutorial - Second View" onclick="show_view('/tutorials/CSS_Views/MyCSS_Skin_view%282%29.htm','Powerhouse Data Tutorials', 'Your view should now match the above with the light green Header.','no');return false" href="/tutorials/CSS_Views/MyCSS_Skin_view%282%29.htm">You should see the light green Header </A>
The information passed is a filename, Title, caption, and whether I want scrollbars or not. You can view a sample of this code in action here at http://www.powerhousedata.com/Tutorials/DNNTablelessSkinTutorialLessonOne/Page3/tabid/99/Default.aspx. On that page there are three links each using this script - try it by clicking on "You should see the light green header"