I want to pop up a window on my computer from a .htm page. What is the reference and/or syntax?

I have an .htm page open from my local computer.

I can add links to other pages, but I don't know how to create a popup window graphic link from my local computer.

I found this and tried it...

<a href="newwindow.htm" onClick="window.open('samplewindow.htm', 'NewButtonWindowName','width=375,height=250')"><img src="button.gif" alt="AlternateText Description" </a>

I am confused with the references. I am on let's say page1.htm  I want to open page2.htm  page1.htm is in a folder called maintenance and I want to open page2.htm which is in a folder called help, so I think it is ../help/page2.htm I am going to use a button from ../images

What do you think they are asking for in place of newwindow.htm samplewindow.htm and newbuttonwindowname ?

Any help would be appreciated.

jamesh1031Asked:
Who is Participating?

[Product update] Infrastructure Analysis Tool is now available with Business Accounts.Learn More

x
I wear a lot of hats...

"The solutions and answers provided on Experts Exchange have been extremely helpful to me over the last few years. I wear a lot of hats - Developer, Database Administrator, Help Desk, etc., so I know a lot of things but not a lot about one thing. Experts Exchange gives me answers from people who do know a lot about one thing, in a easy to use platform." -Todd S.

jimmackCommented:
newwindow.htm refers to the page that will be opened on the main browser window when you click the image.

samplewindow.htm refers to the page that will be opened in the popup

NewButtonWindowName looks like it should be the title for the window, but this doesn't show up on Mozilla Firebird.
jimmackCommented:
Sorry.  Submitted too soon ;-)

In your case, you want to replace 'samplewindow.htm' with ../help/page2.htm.

If you want to remain on the same "main" page in the browser, you can just remove the href="newwindow.htm" to leave <a onClick...
jimmackCommented:
If you want lots more detail, see : http://tech.irt.org/articles/js128/index.htm
Introduction to R

R is considered the predominant language for data scientist and statisticians. Learn how to use R for your own data science projects.

YZlatCommented:
put this in the <head> section of your page
<script language="JavaScript">

<!--//

function new_window(url) {

link = window.open(url,"Link","toolbar=0,location=0,directories=0,status=0,menubar=0,scrollbars=1,resizable=1,width=600,height=500,left=40,top=50");

}
//-->
</script>

and the code below goes into your <body> section

<a href="javascript:new_window('../help/page2.htm' )"><img src="images/button.jpg"></a>

as for your code,
newwindow.htm  you don't need,
samplewindow.htm is a url of the new window you want to open,
and newbuttonwindowname is a name of your new window(whatever you want to call it)

Experts Exchange Solution brought to you by

Your issues matter to us.

Facing a tech roadblock? Get the help and guidance you need from experienced professionals who care. Ask your question anytime, anywhere, with no hassle.

Start your 7-day free trial
YZlatCommented:
to customize your new window that will pop-up you can modify the code of the javaScript function I posted

function new_window(url) {

link = window.open(url,"Link","toolbar=0,location=0,directories=0,status=0,menubar=0,scrollbars=1,resizable=1,width=600,height=500,left=40,top=50");

}
if you want toolbar on your page, set toolbar=1 instead of 0. also you can change height and width etc.
VincentPugliaCommented:
The minimalist version:
<html>
<head>
<script language='javascript' type='text/javascript'>
<!--
function openWin(url)
{
  window.open(url)
}

//-->
</script>
</head>
<body>
<a href="#" onclick="openWin('http://members.aol.com/grassblad')"><img src="http://members.aol.com/grassblad/images/grassAvatar.jpg" alt="GrassBlade Javascript" border="3"></a>
<a href="#" onclick="openWin('http://www.webxpertz.net/forums')"><img src="http://www.webxpertz.net/forums/images/wx/wx_logo.jpg" alt="Webxpertz Forums"></a>
</body>
</html>
Vinny
jamesh1031Author Commented:
I put this in Head section:

<script language="JavaScript">

<!--//

function new_window(url) {

link = window.open(url,"Link","toolbar=0,location=0,directories=0,status=0,menubar=0,scrollbars=1,resizable=1,width=600,height=500,left=40,top=50");

}
//-->
</script>

I put this in the body:

 <a onclick="javascript:new_window('../help/help_related_scacs.htm' )"><img src="../images/SpacersIconsSquaresGraphics/squareoutline2.gif"></a>

a window the right size opens, but i get a "Cannot find server" "The page cannot be displayed" message.

I tried with an exact path c:/etc.... but that didn't make a difference.

Any help would be appreciated. Thank you.



VincentPugliaCommented:
since the following works:
 <a onclick= "javascript:new_window('http://members.aol.com/grassblad' )">....

i would have to say:
1) there is a typo in path/filename
2) the file and/or folders/directories do not exist

Vinny
jamesh1031Author Commented:
this page is not at a http: address, which may be the issue...

I can open the page as a regular link, I just can't get it to be a pop up.....
jamesh1031Author Commented:
Does it matter that I am in a frames page?
jamesh1031Author Commented:
I put everything in one folder, the page I am in, the page I want to open....still can't find it...
VincentPugliaCommented:
you can get it to open as a link? but not a popup?  can I see your code?
did you try my version? first as is, then in your page, finally with your data.

Vinny
jamesh1031Author Commented:
Your code with the http: works fine.

So, I changed the line to:

 <a href="#" onclick="openWin('../help/help_related_scacs.htm')">

and it can't find the page. The explorer address window shows a path on my computer:

C:\Documents and Settings\XXX\Local Settings\Temporary Internet Files\help\help_related_scacs.htm

So, as I said in the beginning : how to create a popup window graphic link from my local computer? , the local computer path is an issue with the java script.

Regular links like this one: <a target="main" href="../MaintenancePages/MaintainTrailerSCACwReports.htm"> work fine.


jamesh1031Author Commented:
Do I have to have script tags in the body also?
VincentPugliaCommented:
Sorry, I just realized you may not be using IE.

<a href="file:c://Document......"

note the two "//"

Vinny
jamesh1031Author Commented:
This is now working, the only difference was the direction of the slashes. Help/Help_Related_Scacs.htm'

Head:

 <script language="JavaScript">

<!--//

function new_window(url) {

link = window.open(url,"Link","toolbar=0,location=0,directories=0,status=0,menubar=0,scrollbars=1,resizable=1,width=600,height=500,left=40,top=50");

}
//-->
</script>

Body

<a  onclick="javascript:new_window('../Help/Help_Related_Scacs.htm')">
        <img src="../images/SpacersIconsSquaresGraphics/squareoutline2.gif" align="right"></a>
It's more than this solution.Get answers and train to solve all your tech problems - anytime, anywhere.Try it for free Edge Out The Competitionfor your dream job with proven skills and certifications.Get started today Stand Outas the employee with proven skills.Start learning today for free Move Your Career Forwardwith certification training in the latest technologies.Start your trial today
Web Languages and Standards

From novice to tech pro — start learning today.