• Web Design (WordPress, Joomla, etc.)

  opening up a web page as a (pop-up) window

  Posted by Debra Cohen on September 28, 2007 at 1:57 pm

  Hi,

  I added a music link to one of my webpages:

  href=”https://mysite.verizon.net/devas_place/baba_family.htm

  When clicked it opens the music link as a whole new page and takes the user away from my own, which is not what i want.

  What I’d like to do is open the page as a pop-up window, retaining my web page as the main page displayed.

  Or perhaps if not illegal, to put the music player itself into my page, if that is even possible?

  This is where the link in my web page goes to:
  LINK

  Thank you!
  Debra Cohen

  Abraham Chaffin replied 18 years, 10 months ago 2 Members · 3 Replies
• 3 Replies

• 

  Abraham Chaffin

  September 28, 2007 at 3:18 pm

  Hey Debra,

  I use a little function that is a javascript and opens up a new window – then you point the target of the link to that new window. – here’s the script

  <script language="JavaScript" type="text/JavaScript">
  
  </script>
  

  Then on your link you need to add

  onclick="nWindow(400,400);" target="NW"

  400,400 should be the width,height that you want – and make sure you change your target from _blank or whatever you have it now to NW.

  Abraham
• 

  Debra Cohen

  September 30, 2007 at 2:56 am

  Thanks Abraham for the script and pointing me in the direction I need to go!

  I’m starting to implement it but my Javascript knowledge is fairly (or very) minimal..

  To start, do I replace “NW” in your script with the link that I’m trying to open?

  https://classicalmusic.about.com/gi/dynamic/
  offsite.htm?zi=1/XJ&sdn=classicalmusic&cdn=
  entertainment&tm=19&gps=142_430_769_558&f=00&su=
  p284.8.150.ip_&tt=2&bt=0&bts=0&zu=http%3A//
  http://www.carolinaclassical.com/articles/debussycathedral.html>

  Thanks,
  Debra
  https://mysite.verizon.net/devas_place/baba_family.htm
  https://mysite.verizon.net/devas_place
• 

  Abraham Chaffin

  October 4, 2007 at 10:22 pm

  Hey Debra,

  To start you want to copy and paste the javascript I included in the previous post directly into the page or pages where you want to implement this function. Then in the tag you want to include the second piece of code – no javascript knowledge is required. Just the knowledge of how to edit the source code of the html file.

  onclick=”nWindow(400,400);” target=”NW”

  is the second piece of code.

  The link you are trying to open will be in the href part of the a tag looking something like this:

  <a href="your link goes here" target="NW" onclick=”nWindow(400,400);”>

  400,400 is the example width,height but use the pixel amount you desire.

  Abraham
  

Reply to this Discussion! Login or Sign Up