-
pop up window
hi guys, I am building my website and I have come up to a wall.
I have 4 different playlist that I want to come out on a pop up window which I already configured and all but I can’t seem to get my links to open in the same pop up window.
I want to be able to click on a link and it opens it in the same pop up that is already there. Is that possible.This is the code that I am using:
<p>These are our current playlists:</p>
<blockquote>
<p><a href="'media/gospelplaylist/gospelplayer.html'target=_blank">GOSPEL</a></p><p><a href="'media/hiphopplaylist/hiphopplayer.html'target=_blank">HIPHOP - R&B - REGGAE</a></p>
<p><a href="'media/zoukplaylist/zoukplayer.html'target=_blank">ZOUK - KONPA - LATIN</a></p>
<p><a href="'media/jazzplaylist/jazzplayer.html'target=_self">LOVE SONGS - JAZZ - BLUES</a></p>
<p> </p>
</blockquote>
Pleas help out if possible..
Thanks a bunch
-
2 Replies
-
Instead of using target=’_blank’ to open your pop up window you want to use onClick=”window.open();”
Modifying your code it would look something like:
<p><a href="javascript:void(0);" onClick="window.open('media/gospelplaylist/gospelplayer.html','music_pop_up_win','height=500,width=500');">GOSPEL</a></p><p><a href="javascript:void(0);" onClick="window.open('media/hiphopplaylist/hiphopplayer.html','music_pop_up_win','height=500,width=500');">HIPHOP - R&B - REGGAE</a></p>
<p><a href="javascript:void(0);" onClick="window.open('media/zoukplaylist/zoukplayer.html','music_pop_up_win','height=500,width=500');">ZOUK - KONPA - LATIN</a></p>
<p><a href="javascript:void(0);" onClick="window.open('media/jazzplaylist/jazzplayer.html','music_pop_up_win','height=500,width=500');">LOVE SONGS - JAZZ - BLUES</a></p>
More on window.open can be found here.
-
The “target” attribute is deprecated and will probably be phased out in the future. Still, if you’re not feeling the use of Javascript, I see a couple of problems with your target=_blank code. Remove the single quotes around the URL and include a double quote after it. Then, put another double quote after target= to finish it. Basically, replace
a href=”‘media/gospelplaylist/gospelplayer.html’target=_blank”
with
a href=”media/gospelplaylist/gospelplayer.html” target=”_blank”
I hope I understood the problem correctly and this was helpful.
Reply to this Discussion! Login or Sign Up