Ankündigung

Einklappen
Keine Ankündigung bisher.

Drop Down Menü

Einklappen

Neue Werbung 2019

Einklappen
X
  • Filter
  • Zeit
  • Anzeigen
Alles löschen
neue Beiträge

  • Drop Down Menü

    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 :

    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='+reltrue);
            }
            
            
            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"> 
    Kann man das Umschreiben das es diese Funktionen erfüllt :

    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
    Kann leider kein eigenes css nehmen sondern muss das script von oben verwenden können bzw etwas anders nur keine ahnung wie
Lädt...
X