Looking for less recursive way to change a channel name across multiple buttons
Wordpress site and running at clanaod.tv
The script below is changing my iframe srcs on click of any of the buttons , what I'm trying to do is create an automated way to quickly add new channels through a list rather than individual lines
In other words I'm trying to find a way in which I can add ClanAODTV through a submission form to a list and it will create and autofill the url
Variables
ClanAODTV
Silencer77
NewColossus
<a href="javascript:twoFrameChange('
http://twitch.tv/
variable/embed','
http://twitch.tv/chat/embed?channel=
variable&popout_chat=true');"><img src="
http://streambadge.com/twitch/custom/2b2b2b/ffffff/808080/
variable.png" style="PADDING-LEFT: 5px" style="PADDING-RIGHT: 5px" width="300" height="64" alt="
variable's Streambadge"></a>
I'm incredibly new to creating this type of page and apologize if my current method is poorly formatted.
The idea is to make it easier to add additional streamers without typing the same line over and over. Not sure if this is entirely possible in jquery but all of my searches keep leading to arrays so I figured I'd ask here.
If this is beyond what you all can offer for help my humblest apologies
Current html and java
function twoFrameChange(video,chat){
top.twitch_embed.location.href = video;
top.chat_embed.location.href = chat;
}
<center><iframe name="twitch_embed" src="
http://www.twitch.tv/clanaodtv/embed" width="960" height="540" frameborder="0"></iframe><iframe name="chat_embed" src="
http://twitch.tv/chat/embed?channel=clanaodtv&popout_chat=true" width="960" height="400" frameborder="0"></iframe></center>
<center>
<a href="javascript:twoFrameChange('
http://twitch.tv/ClanAODTV/embed','http://twitch.tv/chat/embed?channel=clanaodtv&popout_chat=true');"><img src="
http://streambadge.com/twitch/custom/2b2b2b/ffffff/808080/ClanAODTV.png" style="PADDING-LEFT: 5px" style="PADDING-RIGHT: 5px" width="300" height="64" alt="ClanAODTV's Streambadge"></a><a href="javascript:twoFrameChange('
http://twitch.tv/AOD_NewColossus/embed','http://twitch.tv/chat/embed?channel=AOD_NewColossus&popout_chat=true');"><img src="
http://streambadge.com/twitch/custom/2b2b2b/ffffff/808080/aod_newcolossus.png" style="PADDING-LEFT: 5px" style="PADDING-RIGHT: 5px" width="300" height="64" alt="AOD_NewColossus's Streambadge"></a><a href="javascript:twoFrameChange('
http://twitch.tv/nakiato/embed', '
http://twitch.tv/chat/embed?channel=nakiato&popout_chat=true');"><img src="
http://streambadge.com/twitch/custom/2b2b2b/ffffff/808080/nakiato.png" style="PADDING-LEFT: 5px" style="PADDING-RIGHT: 5px" width="300" height="64" alt="Nakiato's Streambadge"></a>
<a href="javascript:twoFrameChange('
http://twitch.tv/bakedx/embed', '
http://twitch.tv/chat/embed?channel=bakedx&popout_chat=true');"><img src="
http://streambadge.com/twitch/custom/2b2b2b/ffffff/808080/Bakedx.png" style="PADDING-LEFT: 5px" style="PADDING-RIGHT: 5px" width="300" height="64" alt="BakedX's Streambadge"></a><a href="javascript:twoFrameChange('
http://twitch.tv/silencer77/embed', '
http://twitch.tv/chat/embed?channel=silencer77&popout_chat=true');"><img src="
http://streambadge.com/twitch/custom/2b2b2b/ffffff/808080/silencer77.png" style="PADDING-LEFT: 5px" style="PADDING-RIGHT: 5px" width="300" height="64" alt="silencer77's Streambadge"></a><a href="javascript:twoFrameChange('
http://twitch.tv/vortexofdevastation/embed', '
http://twitch.tv/chat/embed?channel=vortexofdevastation&popout_chat=true');"><img src="
http://streambadge.com/twitch/custom/2b2b2b/ffffff/808080/vortexofdevastation.png" style="PADDING-LEFT: 5px" style="PADDING-RIGHT: 5px" width="300" height="64" alt="VortexOfDevastation’s Streambadge"></a>
<a href="javascript:twoFrameChange('
http://twitch.tv/gwimmlord/embed', '
http://twitch.tv/chat/embed?channel=gwimmlord&popout_chat=true');"><img src="
http://streambadge.com/twitch/custom/2b2b2b/ffffff/808080/gwimmlord.png" style="PADDING-LEFT: 5px" style="PADDING-RIGHT: 5px" width="300" height="64" alt="Gwimmlord's Streambadge"></a><a href="javascript:twoFrameChange('
http://twitch.tv/discobiscuit9/embed', '
http://twitch.tv/chat/embed?channel=discobiscuit9&popout_chat=true');"><img src="
http://streambadge.com/twitch/custom/2b2b2b/ffffff/808080/discobiscuit9.png" style="PADDING-LEFT: 5px" style="PADDING-RIGHT: 5px" width="300" height="64" alt="DiscoBiscuit9's Streambadge"></a><a href="javascript:twoFrameChange('
http://twitch.tv/blackwulf90/embed', '
http://twitch.tv/chat/embed?channel=blackwulf90&popout_chat=true');"><img src="
http://streambadge.com/twitch/custom/2b2b2b/ffffff/808080/Blackwulf90.png" style="PADDING-LEFT: 5px" style="PADDING-RIGHT: 5px" width="300" height="64" alt="BlackWulf90's Streambadge"></a>
<a href="javascript:twoFrameChange('
http://twitch.tv/crazysavaunt/embed', '
http://twitch.tv/chat/embed?channel=crazysavaunt&popout_chat=true');"><img src="
http://streambadge.com/twitch/custom/2b2b2b/ffffff/808080/crazysavaunt.png" style="PADDING-LEFT: 5px" style="PADDING-RIGHT: 5px" width="300" height="64" alt="CrazySavaunt's Streambadge"></a><a href="javascript:twoFrameChange('
http://twitch.tv/whskysoldr/embed', '
http://twitch.tv/chat/embed?channel=whskysoldr&popout_chat=true');"><img src="
http://streambadge.com/twitch/custom/2b2b2b/ffffff/808080/whskysoldr.png" style="PADDING-LEFT: 5px" style="PADDING-RIGHT: 5px" width="300" height="64" alt="WhskySoldr's Streambadge"></a><a href="javascript:twoFrameChange('
http://twitch.tv/highsight/embed', '
http://twitch.tv/chat/embed?channel=highsight&popout_chat=true');"><img src="
http://streambadge.com/twitch/custom/2b2b2b/ffffff/808080/highsight.png" style="PADDING-LEFT: 5px" style="PADDING-RIGHT: 5px" width="300" height="64" alt="HighSight's Streambadge"></a>
<a href="javascript:twoFrameChange('
http://twitch.tv/r5studios/embed', '
http://twitch.tv/chat/embed?channel=r5studios&popout_chat=true');"><img src="
http://streambadge.com/twitch/custom/2b2b2b/ffffff/808080/r5studios.png" style="PADDING-LEFT: 5px" style="PADDING-RIGHT: 5px" width="300" height="64" alt="R5Studio's Streambadge"></a>