Close outside click jquery

Discutii legate de AJAX, jQuery, MooTools, Prototype, Dojo, Yahoo! UI Library,script.aculo.us, ExtJS,AngularJS, Backbone.js, Ember.js, KnockoutJS

Moderator: Moderatori

gabiifrim
New Member
Mesaje: 1
Membru din: Dum Mar 22, 2015 8:33 pm

Close outside click jquery

Mesajde gabiifrim » Dum Mar 22, 2015 10:06 pm

Salut,

Am site-ul http://www.thehobby.ro. In partea stanga este o bara de contact, iar cand dau click pe ea se deschide formularul de contact. As vrea ca atunci cand dau click in afara paginii sa se inchida formularul de contact.

Acum se inchide cand dau click pe bara de contact cu cele 3 iconite.

Codul jquery este

Cod: Selectaţi tot

var hsmod_sticky_side_status = 'closed';
jQuery(document).ready(function() {   
   jQuery('#hsmod_sticky_side_nav').click(function() {
      if (hsmod_sticky_side_status == 'closed') {
         jQuery('#hsmod_sticky_side_panel').css('display', 'block');
         jQuery('#hsmod_sticky_side_panel').animate( { opacity: 1 }, 500, 'linear' );
         hsmod_sticky_side_status = 'open';
      }
      else {
         jQuery('#hsmod_sticky_side_panel').animate( { opacity: 0 }, 300, 'linear', function() {
            jQuery('#hsmod_sticky_side_panel').css('display', 'none');
         });
         hsmod_sticky_side_status = 'closed';
      }
   });
});



Multumesc si o zi buna
Fişiere ataşate
bara-de-contacte.png
bara de contacte deschisa
bara-de-contacte.png (96.88 KiB) Vizualizat de 873 ori



MarPlo
Senior Member
Mesaje: 884
Membru din: Mie Sep 24, 2008 9:32 am
Localitate: Braila
Contact:

Close outside click jquery

Mesajde MarPlo » Lun Mar 23, 2015 9:05 am

Salut
Vezi daca merge cu acest cod:

Cod: Selectaţi tot

jQuery('body').on('click', function(){
  if(hsmod_sticky_side_status == 'open'){
    jQuery('#hsmod_sticky_side_panel').animate( { opacity: 0 }, 300, 'linear', function() {
      jQuery('#hsmod_sticky_side_panel').css('display', 'none');
    });
    hsmod_sticky_side_status = 'closed';
  }
});


Înapoi la “Librarii Javascript”

Cine este conectat

Utilizatori ce ce navighează pe acest forum: Niciun utilizator înregistrat și 1 vizitator