Hallo, ich habe ein Menü mit Css erstellt nur leider mag das meine webseite nicht es tauchen einige fehler auf unterschiedlichen seiten auf nun gibt es darüber ein Drop Down das eig für Online und Offline ist wie folgt :
Kann man das Umschreiben das es diese Funktionen erfüllt :
Kann leider kein eigenes css nehmen sondern muss das script von oben verwenden können bzw etwas anders nur keine ahnung wie
PHP-Code:
<div id="netlog_account_menu">
{literal}
<script type="text/javascript">
$(document).ready(function(){
updateStatus('{/literal}{$aGlobalUser.status}{literal}');
});
function toggleStatusMenu(){
if(document.getElementById('userStatusMenu').style.display == 'block'){
document.getElementById('userStatusMenu').style.display = 'none';
}else{
document.getElementById('userStatusMenu').style.display = 'block';
}
}
function changeUserStatus(rel){
$(window).ajaxCall('netlogtemplate.updateStatus', 'status='+rel, true);
}
function updateStatus(rel){
var translate = {
'online':'{/literal}{phrase var="netlogtemplate.online"}{literal}',
'away':'{/literal}{phrase var="netlogtemplate.away"}{literal}',
'busy':'{/literal}{phrase var="netlogtemplate.busy"}{literal}',
'out to lunch':'{/literal}{phrase var="netlogtemplate.out_to_lunch"}{literal}',
'unavailable':'{/literal}{phrase var="netlogtemplate.unavailable"}{literal}',
'invisible':'{/literal}{phrase var="netlogtemplate.invisible"}{literal}'
};
document.getElementById('userStatusMenu').style.display = 'none';
$("#btnChangeStatus").html(translate[rel]);
if( rel=='online' ) {
$('#btnChangeStatus').removeClass().addClass('user_status user_online');
} else if ( rel=='away' || rel=='out to lunch' ) {
$('#btnChangeStatus').removeClass().addClass('user_status user_away');
} else if ( rel=='busy' || rel=='unavailable' ) {
$('#btnChangeStatus').removeClass().addClass('user_status user_busy');
} else if ( rel=='invisible' ) {
$('#btnChangeStatus').removeClass().addClass('user_status user_offline');
}
}
</script>
{/literal}
<div class="netlog_account_menu_left">
<div id="holder_notify">
{notification}
<div style="clear: both;"></div>
</div>
<div style="clear: both;"></div>
</div>
<div class="netlog_account_menu_right">
<div class="netlog_account_menu_userinfo">
<div style="float:left">{$aGlobalUser|user:'':'':20:10}</div>
<div class="userStatusContainer">
<div class="userstatus_arrow" onclick='toggleStatusMenu()'><a href="javascript:void(0)" class="user_status user_online" id="btnChangeStatus" title="Change your status">online</a></div>
<ul id="userStatusMenu" style="display:none;">
<li><a rel="online" href="javascript:void(0)" onclick="$(this).ajaxCall('netlogtemplate.updateStatus', 'status=online', true); return false;">{phrase var="netlogtemplate.online"}</a></li>
<li><a rel="away" href="javascript:void(0)" onclick="$(this).ajaxCall('netlogtemplate.updateStatus', 'status=away', true);return false;">{phrase var="netlogtemplate.away"}</a></li>
<li><a rel="busy" href="javascript:void(0)" onclick="$(this).ajaxCall('netlogtemplate.updateStatus', 'status=busy', true);return false;">{phrase var="netlogtemplate.busy"}</a></li>
<li><a rel="out to lunch" href="javascript:void(0)" onclick="$(this).ajaxCall('netlogtemplate.updateStatus', 'status=out to lunch', true);return false;">{phrase var="netlogtemplate.out_to_lunch"}</a></li>
<li><a rel="unavailable" href="javascript:void(0)" onclick="$(this).ajaxCall('netlogtemplate.updateStatus', 'status=unavailable', true);return false;">{phrase var="netlogtemplate.unavailable"}</a></li>
<li><a rel="invisible" href="javascript:void(0)" onclick="$(this).ajaxCall('netlogtemplate.updateStatus', 'status=invisible', true);return false;">{phrase var="netlogtemplate.invisible"}</a></li>
</ul>
</div>
<div class="topmenu_user_links">
PHP-Code:
<div id='cssmenu'>
<ul>
<li class='has-sub last'><a><span>Einstellungen</span></a>
<ul>
<li><a href='index.php?do=/user/profile/'><span>Profil bearbeiten</span></a></li>
<li><a href='index.php?do=/user/privacy'><span>Privatsphäre</span></a></li>
<li><a href='index.php?do=/user/setting/'><span>Kontoeinstellungen</span></a></li>
<li class='last'><a href='index.php?do=/user/logout'><span>Logout</span></a></li>
</ul>
</li>
</ul>
</div>
