Php Script schlägt Quer (Dropdown Menü)

  • PHP

Es gibt 4 Antworten in diesem Thema. Der letzte Beitrag () ist von Piew-Keks.

    Php Script schlägt Quer (Dropdown Menü)

    Hallo, ich habe mir ein Drop Down menü erstellt mit css und es in ein "social Media" script eingefügt in einer Template.

    Wie folgt :
    Spoiler anzeigen

    PHP-Quellcode

    1. <div id="netlog_account_menu">
    3. {literal}
    4. <script type="text/javascript">
    5. $(document).ready(function(){
    6. updateStatus('{/literal}{$aGlobalUser.status}{literal}');
    7. });
    10. function toggleStatusMenu(){
    11. if(document.getElementById('userStatusMenu').style.display == 'block'){
    12. document.getElementById('userStatusMenu').style.display = 'none';
    13. }else{
    14. document.getElementById('userStatusMenu').style.display = 'block';
    15. }
    16. }
    18. function changeUserStatus(rel){
    19. $(window).ajaxCall('netlogtemplate.updateStatus', 'status='+rel, true);
    20. }
    23. function updateStatus(rel){
    24. var translate = {
    25. 'online':'{/literal}{phrase var="netlogtemplate.online"}{literal}',
    26. 'away':'{/literal}{phrase var="netlogtemplate.away"}{literal}',
    27. 'busy':'{/literal}{phrase var="netlogtemplate.busy"}{literal}',
    28. 'out to lunch':'{/literal}{phrase var="netlogtemplate.out_to_lunch"}{literal}',
    29. 'unavailable':'{/literal}{phrase var="netlogtemplate.unavailable"}{literal}',
    30. 'invisible':'{/literal}{phrase var="netlogtemplate.invisible"}{literal}'
    31. };
    32. document.getElementById('userStatusMenu').style.display = 'none';
    33. $("#btnChangeStatus").html(translate[rel]);
    35. if( rel=='online' ) {
    36. $('#btnChangeStatus').removeClass().addClass('user_status user_online');
    37. } else if ( rel=='away' || rel=='out to lunch' ) {
    38. $('#btnChangeStatus').removeClass().addClass('user_status user_away');
    39. } else if ( rel=='busy' || rel=='unavailable' ) {
    40. $('#btnChangeStatus').removeClass().addClass('user_status user_busy');
    41. } else if ( rel=='invisible' ) {
    42. $('#btnChangeStatus').removeClass().addClass('user_status user_offline');
    43. }
    44. }
    46. </script>
    47. {/literal}
    49. <div class="netlog_account_menu_left">
    50. <div id="holder_notify">
    51. {notification}
    52. <div style="clear: both;"></div>
    53. </div>
    54. <div style="clear: both;"></div>
    55. </div>
    56. <div class="netlog_account_menu_right">
    57. <div class="netlog_account_menu_userinfo">
    58. <div style="float:left">{$aGlobalUser|user:'':'':20:10}</div>
    59. <div class="userStatusContainer">
    60. <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>
    61. <ul id="userStatusMenu" style="display:none;">
    62. <li><a rel="online" href="javascript:void(0)" onclick="$(this).ajaxCall('netlogtemplate.updateStatus', 'status=online', true); return false;">{phrase var="netlogtemplate.online"}</a></li>
    63. <li><a rel="away" href="javascript:void(0)" onclick="$(this).ajaxCall('netlogtemplate.updateStatus', 'status=away', true);return false;">{phrase var="netlogtemplate.away"}</a></li>
    64. <li><a rel="busy" href="javascript:void(0)" onclick="$(this).ajaxCall('netlogtemplate.updateStatus', 'status=busy', true);return false;">{phrase var="netlogtemplate.busy"}</a></li>
    65. <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>
    66. <li><a rel="unavailable" href="javascript:void(0)" onclick="$(this).ajaxCall('netlogtemplate.updateStatus', 'status=unavailable', true);return false;">{phrase var="netlogtemplate.unavailable"}</a></li>
    67. <li><a rel="invisible" href="javascript:void(0)" onclick="$(this).ajaxCall('netlogtemplate.updateStatus', 'status=invisible', true);return false;">{phrase var="netlogtemplate.invisible"}</a></li>
    68. </ul>
    69. </div>
    70. <div class="topmenu_user_links">
    76. <div id='cssmenu'>
    77. <ul>
    78. <li class='has-sub last'><a><span>Einstellungen</span></a>
    79. <ul>
    80. <li><a href='index.php?do=/user/profile/'><span>Profil bearbeiten</span></a></li>
    81. <li><a href='index.php?do=/user/privacy'><span>Privatsphäre</span></a></li>
    82. <li><a href='index.php?do=/user/setting/'><span>Kontoeinstellungen</span></a></li>
    83. <li class='last'><a href='index.php?do=/user/logout'><span>Logout</span></a></li>
    84. </ul>
    85. </li>
    86. </ul>
    88. </div>
    90. </div>
    92. </div>
    97. <div class="netlog_account_menu_photo">
    98. {img user=$aGlobalUser suffix='_50_square' max_width=40 max_height=40}
    99. </div>
    100. </div>
    101. <div style="clear: both;"></div>
    102. </div>


    Unzwar diese Zeile :

    PHP-Quellcode

    1. <div id='cssmenu'>
    2. <ul>
    3. <li class='has-sub last'><a><span>Einstellungen</span></a>
    4. <ul>
    5. <li><a href='index.php?do=/user/profile/'><span>Profil bearbeiten</span></a></li>
    6. <li><a href='index.php?do=/user/privacy'><span>Privatsphäre</span></a></li>
    7. <li><a href='index.php?do=/user/setting/'><span>Kontoeinstellungen</span></a></li>
    8. <li class='last'><a href='index.php?do=/user/logout'><span>Logout</span></a></li>
    9. </ul>
    10. </li>
    11. </ul>
    13. </div>


    Mein Problem ist :

    Auf einigen Seiten läuft das Script aber auf einigen ist es verbugt und nicht mehr an seinem Platz...

    Habe ich etwas übersehn? Oder wie kann ich das ändern?

    Hi,

    erstmal hat das o.g. Thema entgegen des Threadtitels nix mit PHP zu tun ;)

    Wenn es zu Darstellungsfehlern kommt, vermute ich erstmal ein CSS Problem.
    Hast du eine Seite auf der wir das auch sehen können? So könnte man dir viel einfacher helfen.

    Verwendest du Ajax? Wenn einer der übergeordneten Container in dem dein Dropdown enthalten ist via AjAX refreshed wird, kann's durchaus sein dass das Javascript dann nicht mehr funzt. Je nachdem, ich kenne halt nich den ganzen Code.

    Ansonsten noch folgende Anmerkungen unabhängig davon:
    - theoretisch kannst du dir die CSS-Klasse "last" sparen, weil es in CSS einen Selektor dafür gibt
    - wenn du ne .htaccess-Datei erstellst und mit mod_rewrite arbeitest, könntest du hübschere URLs erzeugen (RewriteRule ^(.+)$ /index.php?do=$1 [L,QSA])

    Link :thumbup:
    Hello World

    Ok, ich dachte das es an der Template liegt. die css File habe ich mit im Template drin ganz am ende eingefügt.

    Oder kann ich das dropdown anderster darstellen wie oben dieses "busy" "online" usw... das es eine andere möglichkeit gibt.

    Zeigen könnt ich es, nur ist es mit Anmeldung benutzbar die Seite.

    Ajax benutze ich dazu eigentlich nicht.

    Sicher, es gibt 1.000 verschiedene Möglichkeiten ein DropDown zu basteln.

    Dass die Seite nur mit Anmeldung benutzbar ist macht ja nix wenn es deine Seite ist. Dann erstell doch nen Dummy User und gib uns die Daten.

    Link :thumbup:
    Hello World

Facebook
Telefonspende