Web TV Block

[RoarinRow]

in the AVS Streaming Radio, Members Picks & also Jukebox blocks, are those links popup or normal ones?

I am asking because if I can i'll try and organize them in a drop down list type menu.

The web TV should be simple enough like on my page :up:

The AVS Streaming Radio has pop up when you click on the titles, The Member Picks are links to Articles that open in a separate window, and the Jukebox blocks is also a pop little Windows Media Player type window.

[akulion]

oohh the popup integrated with drop down will be tough to do...but ill figure something out yet :up:

first i need to sleep lol just kidding

ill work on something now..should take about an hour or so :up:

[RoarinRow]

oohh the popup integrated with drop down will be tough to do...but ill figure something out yet :up:

first i need to sleep lol just kidding

ill work on something now..should take about an hour or so :up:

No rush, get some sleep   

[akulion]

ok here is a preliminary code - use it with the icons given here


Upload the icons to the forum root

Insert this code to a side SCRIPT block and name it "Media Center"

Code Select Expand


<table border="0" width="165" id="table1" cellpadding="0" style="border-collapse: collapse">
<tr>
<td width="30" align="center" bgcolor="#008000">
<font face="Verdana" color="#FFFFFF">
<img border="0" src="http://path-to-peace.net/forum/myradio.gif" width="30" height="30" align="left"></font></td>
<td width="75%" align="center" bgcolor="#008000"><b>
<font color="#FFFFFF" face="Verdana" size="2">AVS Jukebox</font></b></td>
</tr>
<tr>
<td colspan="2" align="center"><font face="Verdana" size="1">


<p align="left"><a href="http://YOURLINK.COM" onclick="window.open('http://YOURLINK.COM','Radio','height=200,width=310'); return false;">- Mixed Music</a>

<br>
<a href="http://YOURLINK.COM" onclick="window.open('http://YOURLINK.COM','Radio','height=200,width=310'); return false;">- Dance</a>

<br>
<a href="http://YOURLINK.COM" onclick="window.open('http://YOURLINK.COM','Radio','height=200,width=310'); return false;">- Heavy Metal</a>

<br>
<a href="http://YOURLINK.COM" onclick="window.open('http://YOURLINK.COM','Radio','height=200,width=310'); return false;">- Marlyn Mason</a>

<br>
<a href="http://YOURLINK.COM" onclick="window.open('http://YOURLINK.COM','Radio','height=200,width=310'); return false;">- No doubt</a>

<br>
<a href="http://YOURLINK.COM" onclick="window.open('http://YOURLINK.COM','Radio','height=200,width=310'); return false;">- Mark's Sic Schiznit</a>

<br>
<a href="http://YOURLINK.COM" onclick="window.open('http://YOURLINK.COM','Radio','height=200,width=310'); return false;">- Nelly Furtado</a>

<br>
<a href="http://YOURLINK.COM" onclick="window.open('http://YOURLINK.COM','Radio','height=200,width=310'); return false;">- Diana Krall</a>


</font></td>
</tr>
<tr>
<td colspan="2" align="center"><font style="font-size: 4pt">.</font></td>
</tr>
<tr>
<td align="center" bgcolor="#000080"><font color="#FFFFFF">
<a href="webtv.html" onclick="window.open('webtv.html','Radio','height=350,width=320'); return false;"><img border="0" src="http://path-to-peace.net/forum/webtvdish.png" width="32" height="32"></a></font></td>
<td align="center" bgcolor="#000080"><b>
<font face="Verdana" size="2" color="#FFFFFF"><a href="webtv.html" onclick="window.open('webtv.html','Radio','height=350,width=320'); return false;">
<font color="#FFFFFF">Web TV LIVE!</font></a></font></b></td>
</tr>
<tr>
<td colspan="2" align="center"><font size="1" face="Verdana">Watch the
latest news on our live web TV!</font></td>
</tr>
<tr>
<td colspan="2" align="center"><font style="font-size: 4pt">.</font></td>
</tr>
<tr>
<td align="center" bgcolor="#660066">
<img border="0" src="http://path-to-peace.net/forum/quranicles.png" width="32" height="32"></td>
<td align="center" bgcolor="#660066"><b>
<font color="#FFFFFF" face="Verdana" size="2">AVS Streaming Radio</font></b></td>
</tr>
<tr>
<td colspan="2" align="center"><font size="1" face="Verdana">


<p align="left"><a href="http://YOURLINK.COM" onclick="window.open('http://YOURLINK.COM','Radio','height=200,width=310'); return false;">- Adult Contemporary</a>

<br>
<a href="http://YOURLINK.COM" onclick="window.open('http://YOURLINK.COM','Radio','height=200,width=310'); return false;">- All The Hits</a>

<br>
<a href="http://YOURLINK.COM" onclick="window.open('http://YOURLINK.COM','Radio','height=200,width=310'); return false;">- Hip Hop</a>

<br>
<a href="http://YOURLINK.COM" onclick="window.open('http://YOURLINK.COM','Radio','height=200,width=310'); return false;">- Dance</a>

<br>
<a href="http://YOURLINK.COM" onclick="window.open('http://YOURLINK.COM','Radio','height=200,width=310'); return false;">- Active Rock</a>

<br>
<a href="http://YOURLINK.COM" onclick="window.open('http://YOURLINK.COM','Radio','height=200,width=310'); return false;">
- Classic Rock</a>

<br>
<a href="http://YOURLINK.COM" onclick="window.open('http://YOURLINK.COM','Radio','height=200,width=310'); return false;">- Mainstream Rock</a>

<br>
<a href="http://YOURLINK.COM" onclick="window.open('http://YOURLINK.COM','Radio','height=200,width=310'); return false;">- Smooth Jazz</a>

<br>
<a href="http://YOURLINK.COM" onclick="window.open('http://YOURLINK.COM','Radio','height=200,width=310'); return false;">- Oldies</a>

<br>
<a href="http://YOURLINK.COM" onclick="window.open('http://YOURLINK.COM','Radio','height=200,width=310'); return false;">- Country</a>

<br>
<a href="http://YOURLINK.COM" onclick="window.open('http://YOURLINK.COM','Radio','height=200,width=310'); return false;">- 70's</a>

<br>
<a href="http://YOURLINK.COM" onclick="window.open('http://YOURLINK.COM','Radio','height=200,width=310'); return false;">- 80's</a>

<br>
<a href="http://YOURLINK.COM" onclick="window.open('http://YOURLINK.COM','Radio','height=200,width=310'); return false;">- MSNBC News</a>

</font></td>
</tr>
<tr>
<td colspan="2" align="center"><font style="font-size: 4pt">.</font></td>
</tr>
<tr>
<td align="center" bgcolor="#CC0000">
<img border="0" src="http://path-to-peace.net/forum/lectures2525.png" width="32" height="32"></td>
<td align="center" bgcolor="#CC0000">
<b>
<font face="Verdana" size="2" color="#FFFFFF">Members Picks</font></b></td>
</tr>
<tr>
<td colspan="2" align="center"><font size="1" face="Verdana">View our
members picks from our media selection</font><table border="0" width="100%" id="table2" cellpadding="0" style="border-collapse: collapse">
<tr>
<td>

<!--Example drop down menu 1-->

<form name="form1">
<select name="select1" size="1" style="background-color:#FFFFD7" onChange="displaydesc(document.form1.select1, thetext1, 'textcontainer1')">
<option selected value="http://YOURLINK.COM">All Selections</option>
<option value="http://YOURLINK.COM">Movies</option>
<option value="http://YOURLINK.COM">Music</option>
<option value="http://YOURLINK.COM">Corvettes</option>
</select>
<input type="button" value="Go"
onClick="jumptolink(document.form1.select1)"><br>
<span id="textcontainer1" align="left" style="font:italic 13px Arial">
</span>
</form>

<script type="text/javascript">

/***********************************************
* Drop down menu w/ description- Ã,© Dynamic Drive (www.dynamicdrive.com)
* This notice must stay intact for use
* Visit http://www.dynamicdrive.com/ for full source code
***********************************************/

//1) CUSTOMIZE TEXT DESCRIPTIONS FOR LINKS ABOVE
var thetext1=new Array()
thetext1[0]="MENU ITEM 1 DESCRIPTION HERE"
thetext1[1]="MENU ITEM 2 DESCRIPTION HERE"
thetext1[2]="MENU ITEM 3 DESCRIPTION HERE"
thetext1[3]="MENU ITEM 4 DESCRIPTION HERE"


function displaydesc(which, descriptionarray, container){
if (document.getElementById)
document.getElementById(container).innerHTML=descriptionarray[which.selectedIndex]
}

function jumptolink(what){
var selectedopt=what.options[what.selectedIndex]
if (document.getElementById && selectedopt.getAttribute("target")=="newwin")
window.open(selectedopt.value)
else
window.location=selectedopt.value
}

displaydesc(document.form1.select1, thetext1, 'textcontainer1')

</script>

</td>
</tr>
</table>
</td>
</tr>
</table>


How to customize

Now unfortunately I was unable to make a dropdown list for the popup menu items but I did change the 'Member Selection" thingies into a drop down list.

To customize is very easy really find all the instances for YOURLINK.COM in the code and replace them with the respective links for each of your popups or pages.

Also part of each popup link tag is a part like this 'Radio','height=200,width=310'); here specify the size for that popup window.

Then find all the captitalized description for the links in the drop down menu MENU ITEM 1 DESCRIPTION HERE etc etc and replace them with ur description.

Ive already put all your menu items in there - all you will need to do is specify the links and sizes thats all.

Thats all really. If you need further help, just ask.

Test out the empty menu first by creating a test block and adding the code AS IS in it first to see if you like it even

----Added----

Ive updated the code a bit to fix a few issues with spacing and added a preview on my test site - note the links there are all dummy links!

http://goofy-goobers.com/forum/index.php << Preview

[RoarinRow]

OMG that is some crazy stuff       ok ok I'm gonna try it.  BRB   

[akulion]

if u have problems just gimme the set of links for those titles and ill add them to the code - it wont be a problem for me since i wrote it lol (with the exception of the drop down list which is from DD)

[RoarinRow]

if u have problems just gimme the set of links for those titles and ill add them to the code - it wont be a problem for me since i wrote it lol (with the exception of the drop down list which is from DD)

akulion I just finished applying the code and I have to tell you you are God sent.  That is unbelievable what you just did.  Never in a million years could I have consolidated those blocks.  I owe you big time for that one.   :up:

[akulion]

im glad u liked it :up:

i was afraid u wouldnt like it lol glad it came in handy

:up:

[RoarinRow]

im glad u liked it :up:

i was afraid u wouldnt like it lol glad it came in handy

:up:

You're crazy I love it!   

[akulion]

Thanks

i dont know why the transparencies on the PNG files dont show up in IE - they show up really nicely in FF

why is IE such a headache lol
if i find any better icons ill post them here :up: