Simple HTML-related question??

I suspect this may be a simple HTML-releated question; however for some reason, I'm not able to figure out (spending most my time developing non-web apps).

I'm trying to create a simple HTML page to be used as a table of contents menu for several video clips. When a visitor clicks on one of the links on this page I'd like a separate window to display with the embedded video clip. This allows the user to move the video to a secondary monitor if necessary (not tethered to the table of contents page).

Each time I've tried to accomplish this by using an external link the browsers I'm using (Safari on Mac, IE on Windows) create a new tab instead of a separate window. I'm sure I'm missing something simple. Any assistance will be appreciated.

Thank you.
LVL 1
vsCoderAsked:
Who is Participating?
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.

unknown_routineCommented:
Add target="_blank" to your HTML

for example:

<a href="http://www.google.com" target="_blank">Google!</a>

Open in new window

0
Scott Fell, EE MVEDeveloper & EE ModeratorCommented:
Actually, this is not something you can force.  It is up to the user.   All the user needs to do is to drag the tab to the new window.   If you try a pop up, it will probably get blocked which is why you now see modals rather than pop ups.
0
vsCoderAuthor Commented:
@padas,

I thought that might be the case. However, I do use another website that works the way I explained and I have not done anything to my browser settings to make that site open these extra browser windows. I suspect it's possible they are using something other than HTML to cause that to occur.

Thank you.
0
Scott Fell, EE MVEDeveloper & EE ModeratorCommented:
With js/jquery
sample http://jsbin.com/EWIKIm/2/edit
api https://developer.mozilla.org/en-US/docs/Web/API/window.open

$('.ee').click(function(){
  var url="http://www.experts-exchange.com/Internet/Web_Development/Q_28224158.html#a39443381";
  var windowName="ee";
  var strWindowFeatures = "menubar=yes,location=yes,resizable=yes,scrollbars=yes,status=yes";
window.open(url, windowName,windowName, strWindowFeatures);
  
});

Open in new window

<a href="#" class="ee">go to ee</a>

Open in new window

0

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
vsCoderAuthor Commented:
Thank you! That does the trick for me.
0
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 Development

From novice to tech pro — start learning today.