下拉菜单 Hack

/*======================================================================*
|| #################################################################### ||
|| Add NewVBB Popups Menu. Hacked by NewSwim Studio's Quiescence. ||
|| #################################################################### ||
*======================================================================*/

var popups_usepopups = false;
var ignorequotechars = 0;

var vbDOMtype = '';
if (document.getElementById)
{
vbDOMtype = "std";
}
else if (document.all)
{
vbDOMtype = "ie4";
}
else if (document.layers)
{
vbDOMtype = "ns4";
}

var vBobjects = new Array();

function fetch_object(idname, forcefetch)
{
if (forcefetch || typeof(vBobjects[idname]) == "undefined")
{
switch (vbDOMtype)
{
case "std":
{
vBobjects[idname] = document.getElementById(idname);
}
break;

case "ie4":
{
vBobjects[idname] = document.all[idname];
}
break;

case "ns4":
{
vBobjects[idname] = document.layers[idname];
}
break;
}
}
return vBobjects[idname];
}

function do_an_e(eventobj)
{
if (!eventobj || is_ie)
{
window.event.returnValue = false;
window.event.cancelBubble = true;
return window.event;
}
else
{
eventobj.stopPropagation();
eventobj.preventDefault();
return eventobj;
}
}

function popups_register(controlid, nowrite, datefield)
{
if (popups_usepopups)
{
popups_doregister(controlid, nowrite, datefield);
}
}

/*======================================================================*
|| #################################################################### ||
|| Copyright 2000-2005 Jelsoft Enterprises Ltd. All Rights Reserved.||
|| Powered by VBULLETIN.||
|| Add NewVBB Popups Menu. Hacked by NewSwim Studio's Quiescence. ||
|| #################################################################### ||
*======================================================================*/
<!--
var popups_usepopups = true;
var popups_registered = new Array();
var popups_initialized = new Array();
var popups_activemenus = new Array();
var popups_currentactive = false;
var slidetimer = false;
var popups_opensteps = 10;
var popups_doslide = true;
var popups_dofade = false; // can be very slow

var popups_datefields = new Array();

// #############################################################################
// another function to handle the different event models of different browsers
// and prevent event bubbling in a lesser way
function e_by_gum(eventobj)
{
if (!eventobj || is_ie)
{
window.event.cancelBubble = true;
return window.event;
}
else
{
if (eventobj.target.type == 'submit')
{
// naughty safari
eventobj.target.form.submit();
}
eventobj.stopPropagation();
return eventobj;
}
}

// #############################################################################
// get left position of elm
function fetch_object_posleft(elm)
{
var left = elm.offsetLeft;
while((elm = elm.offsetParent) != null)
{
left += elm.offsetLeft;
}
return left;
}

// #############################################################################
// get top position of elm
function fetch_object_postop(elm)
{
var top = elm.offsetTop;
while((elm = elm.offsetParent) != null)
{
top += elm.offsetTop;
}
return top;
}

// #############################################################################
function popups_doregister(controlid, nowrite, datefield)
{
if (document.getElementsByTagName)
{
var controlobj = fetch_object(controlid);
if (controlobj)
{
if (datefield)
{
popups_datefields[controlid] = datefield;
}

popups_registered[popups_registered.length] = controlid;

if (!nowrite)
{
document.write('<img src="' + IMGDIR_MISC + '/menu_open.gif" alt="" border="0" />');
}
return true;
}
}

return false;
}

// #############################################################################
// function to get the menu basename - 'menu.104' returns 'menu', 'x.menu' returns 'x'
function popups_getmenuid(controlid)
{
var dotpos = controlid.indexOf(".");
if (dotpos != -1)
{
return controlid.substr(0, dotpos);
}
else
{
return controlid;
}
}

// #############################################################################
// handle menu control mouseover events
function popups_eventhandler_mouseover(e)
{
e = do_an_e(e);
popups_hover(this);
}

// #############################################################################
// handle menu control click events
function popups_eventhandler_click(e)
{
e = do_an_e(e);
popups_open(this);
}

// #############################################################################
// close all open menus
function popups_close()
{
if (popups_currentactive)
{
for (key in popups_activemenus)
{
fetch_object(popups_getmenuid(key) + "_menu").style.display = "none";
popups_activemenus[key] = false;
}
}
popups_currentactive = false;

if (slidetimer)
{
clearTimeout(slidetimer);
slidetimer = false;
}

if (is_ie)
{
selects = document.getElementsByTagName("select");
for (var i = 0; i < selects.length; i++)
{
selects[i].style.visibility = "visible";
}
}
}

// #############################################################################
// open menu under pointer if another menu is active
function popups_hover(elm)
{
for (key in popups_activemenus)
{
if (popups_activemenus[key] == true && key != elm.id)
{
popups_open(elm);
return;
}
}
}

// #############################################################################
// detect if selectobj overlaps m
function popups_overlap(selectobj, m)
{
s = new Array();
s['L'] = fetch_object_posleft(selectobj);
s['T'] = fetch_object_postop(selectobj);
s['R'] = s['L'] + selectobj.offsetWidth;
s['B'] = s['T'] + selectobj.offsetHeight;

if (s['L'] >= m['L'] && s['L'] <= m['R'] && ((s['T'] >= m['T'] && s['T'] <= m['B']) || (s['B'] >= m['T'] && s['B'] <= m['B']))) { return true; }
else if (s['R'] >= m['L'] && s['R'] <= m['R'] && ((s['T'] >= m['T'] && s['T'] <= m['B']) || (s['B'] >= m['T'] && s['B'] <= m['B']))) { return true; }
else if (s['B'] >= m['T'] && s['T'] <= m['B'] && ((s['L'] >= m['L'] && s['L'] <= m['R']) || (s['R'] >= m['R'] && s['R'] <= m['R']))) { return true; }
else if (m['B'] >= s['T'] && m['T'] <= s['B'] && ((m['L'] >= s['L'] && m['L'] <= s['R']) || (m['R'] >= s['R'] && m['R'] <= s['R']))) { return true; }
else { return false; }
}

// #############################################################################
// open the clicked menu
function popups_open(elm)
{
var openmenu = popups_currentactive;

popups_close();

if (openmenu == elm.id)
{
// clicked element was the control for the currently open menu - exit
return false;
}

// get the id of the menu to be opened
var menuid = popups_getmenuid(elm.id) + "_menu";
var menuobj = fetch_object(menuid);
var force_right_slide = false;

if (typeof(popups_datefields[elm.id]) != "undefined")
{
force_right_slide = true;
fetch_object(elm.id + "_output").innerHTML = fetch_object(popups_datefields[elm.id]).value;
}
else
{
force_right_slide = false
}

popups_activemenus[elm.id] = true;
popups_currentactive = elm.id;

// get menu position
var leftpx = fetch_object_posleft(elm);
var toppx = fetch_object_postop(elm) + elm.offsetHeight;

// un-hide menu
menuobj.style.display = "";
var slidedir = 'left';

// attempt to keep menu on screen
if (force_right_slide || (leftpx + menuobj.offsetWidth) >= document.body.clientWidth)
{
leftpx = leftpx + elm.offsetWidth - menuobj.offsetWidth;
slidedir = "right";
}
else
{
slidedir = "left";
}

// shuffle the IE menus a bit
if (is_ie)
{
leftpx += (slidedir == "left") ? -2 : 2;
}

// set menu position
menuobj.style.left = leftpx + "px";
menuobj.style.top = toppx + "px";

if (is_ie)
{
menuarea = {
"L" : leftpx,
"T" : toppx,
"R" : leftpx + menuobj.offsetWidth,
"B" : toppx + menuobj.offsetHeight
};
selects = document.getElementsByTagName("select");
for (var i = 0; i < selects.length; i++)
{
if (popups_overlap(selects[i], menuarea))
{
selects[i].style.visibility = "hidden";
}
}
}

// slide menus open (internet explorer only)
if (popups_doslide && !is_opera && !is_ie4)
{
if (popups_dofade && is_ie)
{
menuobj.filters.item('DXImageTransform.Microsoft.alpha').opacity = 0;
}

var intervalX = Math.ceil(menuobj.offsetWidth / popups_opensteps);
var intervalY = Math.ceil(menuobj.offsetHeight / popups_opensteps);

if (slidedir == "left")
{
menuobj.style.clip = "rect(auto, 0px, 0px, auto)";
popups_slide_left(menuid, intervalX, intervalY, 0, 0, 0);
}
else
{
menuobj.style.clip = "rect(auto, auto, 0px, " + (menuobj.offsetWidth) + "px)";
popups_slide_right(menuid, intervalX, intervalY, menuobj.offsetWidth, 0, 0);
}
}

return false;
}

// #############################################################################
// internet explorer slide menu open left
function popups_slide_left(menuid, intervalX, intervalY, clipX, clipY, opacity)
{
var menuobj = fetch_object(menuid);

if (clipX < menuobj.offsetWidth || clipY < menuobj.offsetHeight)
{
if (popups_dofade && is_ie)
{
opacity += 10;
menuobj.filters.item('DXImageTransform.Microsoft.alpha').opacity = opacity;
}
clipX += intervalX;
clipY += intervalY;
menuobj.style.clip = "rect(auto, " + clipX + "px, " + clipY + "px, auto)";
slidetimer = setTimeout("popups_slide_left('" + menuid + "', " + intervalX + ", " + intervalY + ", " + clipX + ", " + clipY + ", " + opacity + ");", 0);
}
else
{
clearTimeout(slidetimer);
}
}

// #############################################################################
// internet explorer slide menu open right
function popups_slide_right(menuid, intervalX, intervalY, clipX, clipY, opacity)
{
menuobj = fetch_object(menuid);

if (clipX > 0 || clipY < menuobj.offsetHeight)
{
if (popups_dofade && is_ie)
{
opacity += 10;
menuobj.filters.item('DXImageTransform.Microsoft.alpha').opacity = opacity;
}
clipX -= intervalX;
clipY += intervalY;
menuobj.style.clip = "rect(auto, " + menuobj.offsetWidth + "px, " + clipY + "px, " + clipX + "px)";
slidetimer = setTimeout("popups_slide_right('" + menuid + "', " + intervalX + ", " + intervalY + ", " + clipX + ", " + clipY + ", " + opacity + ");", 0);
}
else
{
clearTimeout(slidetimer);
}
}

// #############################################################################
// function to navigate to the href of the first found <a> tag
function popups_navtolink(e)
{
childLinks = this.getElementsByTagName("a");
if (childLinks[0])
{
if (is_ie)
{
// use this in IE to send HTTP_REFERER
childLinks[0].click();
window.event.cancelBubble = true;
}
else
{
// other browsers can use this
if (e.shiftKey)
{
window.open(childLinks[0].href);
e.stopPropagation();
e.preventDefault();
}
else
{
window.location = childLinks[0].href;
e.stopPropagation();
e.preventDefault();
}
}
}
}

// #############################################################################
// function to toggle the background class of a menu option
function popups_switch_option_bg(e)
{
if (is_moz)
{
moz_rclick(e);
}
this.className = (this.className == "popups_option") ? "popups_hilite" : "popups_option";
popups_hand_pointer(this);
}

// #############################################################################
// function to set the cursor to be pointer/hand
function popups_hand_pointer(obj)
{
try
{
obj.style.cursor = "pointer";
}
catch(e)
{
obj.style.cursor = "hand";
}
}

// #############################################################################
// function to initialize a single menu entry
function popups_init(controlid)
{
var menuid = popups_getmenuid(controlid) + "_menu";
var menuobj = fetch_object(menuid);

if (document.getElementsByTagName && menuobj)
{
// do control object
var controlobj = fetch_object(controlid);
popups_hand_pointer(controlobj);
controlobj.unselectable = true;
controlobj.onclick = popups_eventhandler_click;
controlobj.onmouseover = popups_eventhandler_mouseover;

// don't initialize the same popup menu twice
if (typeof(popups_initialized[menuid]) != "undefined")
{
return;
}

// do popup menu object
var popupobj = fetch_object(menuid);
popupobj.style.display = "none";
popupobj.style.position = "absolute";
popupobj.style.left = "0px";
popupobj.style.top = "0px";
popupobj.onclick = e_by_gum;

// reset inner table width
var tables = popupobj.getElementsByTagName("table");
if (tables.length > 0)
{
tables[0].width = "";
}

// init popup filters (ie only)
if (is_ie)
{
popupobj.style.filter += "progid:DXImageTransform.Microsoft.alpha(enabled=1,opacity=100)";
popupobj.style.filter += "progid:DXImageTransform.Microsoft.shadow(direction=135,color=#8E8E8E,strength=3)";
}

// do menu options
var tds = popupobj.getElementsByTagName("td");
for (var i = 0; i < tds.length; i++)
{
if (tds[i].className == "popups_option")
{
tds[i].style.cursor = "default";
if (tds[i].title == "nohilite")
{
tds[i].title = "";
}
else
{
tds[i].onmouseover = popups_switch_option_bg;
tds[i].onmouseout = popups_switch_option_bg;
tds[i].onclick = popups_navtolink;

if (!is_saf && !is_kon)
{
try
{
var links = tds[i].getElementsByTagName("a");
for (var j = 0; j < links.length; j++)
{
if (typeof(links[j].onclick) == "undefined")
{
links[j].onclick = e_by_gum;
}
}
}
catch(e)
{
// hmm
}
}
}
}
else if (is_moz)
{
tds[i].onmouseover = moz_rclick;
tds[i].onmouseout = moz_rclick;
}
}

popups_initialized[menuid] = true;
}
}

function returnfalse()
{
return false;
}

function moz_rclick(e)
{
if (e.type == 'mouseover')
{
document.onclick = '';
}
else
{
document.onclick = popups_close;
}
}







// #############################################################################
// ############## Main vBulletin javascript Initialization #####################
// #############################################################################

function board_init()
{
if (is_webtv)
{
return true;
}
var imgs = null;
switch (vbDOMtype)
{
case "std": imgs = document.getElementsByTagName("img"); break;
case "ie4": imgs = document.all.tags("img"); break;
default:imgs = false;break;
}
if (imgs)
{
// set 'title' tags for image elements
for (var i = 0; i < imgs.length; i++)
{
if (!imgs[i].title && imgs[i].alt != "")
{
imgs[i].title = imgs[i].alt;
}
}
}

// init registered menus
if (popups_usepopups && popups_registered.length > 0)
{
for (i in popups_registered)
{
popups_init(popups_registered[i]);
}

// close all menus on mouse click
document.onclick = popups_close;
}

return true;
}
// -->

//add hacked lang
'_myposts'=> '我参与的主题',
'_mypostthread'=> '我发表的主题',

.PopupsMenu {
background: #D6D6D6;
filter: progid:DXImageTransform.Microsoft.alpha(enabled=1,opacity=100);
filter: progid:DXImageTransform.Microsoft.shadow(direction=135,color=#8E8E8E,strength=3);
white-space: nowrap;
position: absolute;
}
.PopupsMenu_Tcat1 {
background: #F2F2F2 url(<#IMAGE#>/bg_menu_tcat_01.gif) repeat-x;
color: #5B5B5B;
font-weight: bold;
border: 1px solid #FFF;
padding: 6px 4px 6px 4px;
}
.PopupsMenu_Tcat2 {
display: block;
background: #F8F8F8;
color: #5B5B5B;
border: 1px solid #FFF;
}
.PopupsMenu_Tcat2 a:link,
.PopupsMenu_Tcat2 a:visited,
.PopupsMenu_Tcat2 a:active {
display: block;
color: #5B5B5B;
text-decoration: none;
padding: 4px;
}
.PopupsMenu_Tcat2 a:hover {
display: block;
color: #5B5B5B;
background: #FFF;
text-decoration: none;
padding: 4px;
}

.inlineimg {
vertical-align: middle;
}

<script type="text/javascript">
<!--
var current_page = "{$_INPUT['pp']}";
var cookie_id = "{$bboptions['cookieprefix']}";
var cookie_domain = "{$bboptions['cookiedomain']}";
var cookie_path = "{$bboptions['cookiepath']}";
//-->
</script>
<script type="text/javascript" src='./../../&'#039;./clientscripts/global.js'></script>

<script type="text/javascript">
<!--
var current_page = "{$_INPUT['pp']}";
var cookie_id = "{$bboptions['cookieprefix']}";
var cookie_domain = "{$bboptions['cookiedomain']}";
var cookie_path = "{$bboptions['cookiepath']}";
var IMGDIR_MISC = "images/<#IMAGE#>";
//-->
</script>
<script type="text/javascript" src='./../../&'quot;./clientscripts/global.js"></script>
<script type="text/javascript" src='./../../&'quot;./clientscripts/popups_menu.js"></script>

<if="$bbuserinfo['id']">
<div class="PopupsMenu" id="usercp_menu" style="display: none">
<table cellpadding="0" cellspacing="1" border="0" style="width: 120px">
<tr>
<td class="PopupsMenu_Tcat1">{$lang['_usercp']}<a name="goto_usercp"></A></td>
</tr>
<tr>
<td class="PopupsMenu_Tcat2"><a href="private.php?{sessionurl}"><img src="images/<#IMAGE#>/icon_message.gif" class="inlineimg" border="0" /> {$lang['_pm']}</a></td>
</tr>
<tr>
<td class="PopupsMenu_Tcat2"><a href="usercp.php?{sessionurl}"><img src="images/<#IMAGE#>/icon_usercp.gif" class="inlineimg" border="0" /> {$lang['_usercp']}</a></td>
</tr>
<if="$bbuserinfo['canblog']">
<tr>
<td class="PopupsMenu_Tcat2"><a href="blog_gallery.php?u={$bbuserinfo['id']}" target="new"><img src="images/<#IMAGE#>/icon_gallery.gif" class="inlineimg" border="0" /> {$lang['_mygallery']}</a></td>
</tr>
</if>
<tr>
<td class="PopupsMenu_Tcat2"><a href="search.php?do=finduserthread&u={$bbuserinfo['id']}"><img src="images/<#IMAGE#>/icon_mypostthread.gif" class="inlineimg" border="0" /> {$lang['_mypostthread']}</a></td>
</tr>
<tr>
<td class="PopupsMenu_Tcat2"><a href="search.php?do=finduser&u={$bbuserinfo['id']}"><img src="images/<#IMAGE#>/icon_myposts.gif" class="inlineimg" border="0" /> {$lang['_myposts']}</a></td>
</tr>
</table>
</div>
</div>
</if>
<script type="text/javascript">
<!--
board_init();
//-->
</script>

<if="$bbuserinfo['canblog']"><a href='blog_gallery.php?u={$bbuserinfo['id']}' target='_blank'>{$lang['_mygallery']}</a> | </if><a href='usercp.php?{sessionurl}' title='{$lang['_usercpdesc']}'>{$lang['_usercp']}</a> | <a href='private.php?{sessionurl}'>{$lang['_pm']}</a>

<a href="usercp.php?{sessionurl}" title="{$lang['_usercpdesc']}" id="usercp">{$lang['_usercp']}<script type="text/javascript"> popups_register("usercp"); </script></a>