Split Infinity Radio
http://www.siradio.fm/forum/

Slight site UX tweak.
http://www.siradio.fm/forum/viewtopic.php?f=2&t=14634
Page 1 of 1

Author:  SoftwareSimian [ Sat Dec 21, 2013 3:46 am ]
Post subject:  Slight site UX tweak.

By changing the menu divs from
<div class="menuitem" id="m_schedule"></div>
<div class="menuitem" id="m_chat"></div>
<div class="menuitem" id="m_forum"></div>
<div class="menuitem" id="m_charts"></div>
<div class="menuitem" id="m_apply"></div>
<div class="menuitem" id="m_donate"></div>
to
<a href="http://siradio.fm/schedule" style="display:block" class="menuitem" id="m_schedule"></a>
<a href="http://siradio.fm/chat" style="display:block" class="menuitem" id="m_chat"></a>
<a href="http://siradio.fm/forum" style="display:block" class="menuitem" id="m_forum"></a>
<a href="http://siradio.fm/charts" style="display:block" class="menuitem" id="m_charts"></a>
<a href="http://siradio.fm/apply" style="display:block" class="menuitem" id="m_apply"></a>
<a href="http://siradio.fm/donate" style="display:block" class="menuitem" id="m_donate"></a>

(style="display:block" can be added to css .menuitem)

you gain
* Right Click -> Open in new tab so if you are chating, you can easily open the schedule in a new tab.
* The block default navigation is already handled by the $("body").on("click", "a", function(event) in siradio.js
and it removes the need for
$("#m_chat").on("click", function(event) {
fetchPage('chat');
});
$("#m_forum").on("click", function(event) {
window.open('http://www.siradio.fm/forum','_blank');
});
$("#m_schedule").on("click", function(event) {
fetchPage('schedule');
});
$("#m_charts").on("click", function(event) {
fetchPage('charts');
});
$("#m_apply").on("click", function(event) {
fetchPage('apply');
});
$("#m_donate").on("click", function(event) {
fetchPage('donate');
});

Page 1 of 1 All times are UTC
Powered by phpBB © 2000, 2002, 2005, 2007 phpBB Group
http://www.phpbb.com/