Jump to content
Sign in to follow this  
P0Y3B

Zamykanie menu pod kliknięciu w dowolny fragment strony

Recommended Posts

Mam taki kodzik:


    <script type="text/javascript">
  if(use_xmlhttprequest == "1"){
   $("#extraslink > a").click(function(e){
  e.preventDefault();
  $('#' + $(this).parent().attr('id') + '_popup').toggleClass('show');

});
  }
</script>

Który wysuwa Mi menu, i menu mogę zamknąć gdy kliknę w odnośnik który je wywołuje, jak dodać że gdy kliknę gdziekolwiek to menu się zamknie ?

Share this post


Link to post
$(document).on('click', function(){
  var popup = $('#extraslink_popup');
  if(popup.hasClass('show')) {
    popup.removeClass('show');
  }
});

 

  • Like 2

Share this post


Link to post

@Salva Mam to połączyć/podmienić? Jeśli tak to nie smyra coś

Share this post


Link to post

Dodać. Co nie działa? Pokaż jeszcze HTML.

Share this post


Link to post

@Salva nie wysuwa menu

 

<ul class="user_nawigacja">
    
<div class="dropdown">
<li id="loginButton">
    <div class="topmenuwrap">

                <span><a href="#" id="loginButton"> <span style="margin-top: -5px"><img src="{$mybb->user['avatar']}" class="topavatar"alt="" /></span></span> <i class="icon-sort-down"></i><a/>
                    
                    <li id="extraslink"><a href="#"><i class="fa fa-chevron-down" style="margin-left: -40px;"></i> Panel</a></li>
            <a href="private.php"><span style="font-size: 18px;"><i class="fa fa-envelope"></i></a></span>
            


             <div id="extraslink_popup" class="popup_menu">
                 
                 <div class="popup_item_container">
                     <div class="menutytul">
                       Zawartość
                     </div>
                 </div>
                 
                   <div class="popup_item_container">
          <a href="{$mybb->settings['bburl']}/usercp.php?action=profile" class="popup_item">
           <i class="fa fa-user"></i> Wyświetl profil</a>
                    </div>
                 
                    <div class="popup_item_container">
          <a href="{$mybb->settings['bburl']}/usercp.php?action=profile" class="popup_item">
           <i class="fa fa-cogs"></i>  Edytuj profil</a>
                    </div>
                 
                 <div class="popup_item_container">
                    <a href="{$mybb->settings['bburl']}/usercp.php?action=editsig" class="popup_item">
                        <i class="fa fa-image"></i> Edytuj podpis</a>
                 </div>
            
         <div class="popup_item_container">
                    <a href="{$mybb->settings['bburl']}/usercp.php?action=avatar" class="popup_item">
                        <i class="fa fa-image"></i> Edytuj awatar</a>
                 </div>
                 
                 <div class="popup_item_container">
                     <div class="menutytul prosta">
                      Zarządzanie kontem
                     </div>
                 </div>
                 
                  {$admincplink}
                 {$modcplink}
                 
                 <div class="popup_item_container">
                     <a href="{$mybb->settings['bburl']}/member.php?action=profile&uid={$mybb->user['uid']}" class="popup_item">
                         <i class="fa fa-cog"></i> Panel użytkownika</a>
                 </div>

                 <div class="popup_item_container">
                     <a href="{$mybb->settings['bburl']}/member.php?action=logout&amp;logoutkey={$mybb->user['logoutkey']}" class="popup_item">
                         <i class="fa fa-power-off"></i> Wyloguj</a>
                    </div>
            

</li> 

</ul>
 <script type="text/javascript">
  if(use_xmlhttprequest == "1"){
   $("#extraslink > a").click(function(e){
  e.preventDefault();
  $('#' + $(this).parent().attr('id') + '_popup').toggleClass('show');
});
  }
</script>

 

Edited by P0Y3B

Share this post


Link to post

Mogę gdzieś zobaczyć demo z moim kodem i bez niego?

Share this post


Link to post
<script>
	jQuery(function() {
    var button = jQuery('#XXX');
    var box = jQuery('#XXX');
    var form = jQuery('#XXX');
    button.mouseup(function(login) {
        box.toggle();
        button.toggleClass('active');
    });
    form.mouseup(function() { 
        return false;
    });
    jQuery(this).mouseup(function(login) {
        if(!(jQuery(login.target).parent('#XXX').length > 0)) {
            button.removeClass('active');
            box.hide();
        }
    });
});
</script>

@Salva Aktualnie nie, ale moze ta funkcja zadziała, tylko co w miejsce XXX wstawić ?:D

Edited by P0Y3B

Share this post


Link to post
<script type="text/javascript">
jQuery(document) .ready(function() {    
$('.user-menu').on('click', function(){
        $('.user-menu-list').slideToggle('100');
        return false;
    });
    $('html, body').on('click',function(){
        $('.user-menu-list').slideUp('100');
    });
    $(".user-menu-list").click(function(e){
        e.stopPropagation();
    });
});
</script>

 

Edited by P0Y3B

Share this post


Link to post

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Create a New Account. It’s free and easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
Sign in to follow this  
×
×
  • Create New...