Új hozzászólás Aktív témák

• #696 vakondka őstag Karma #694

  Új Válasz 2012-04-20 11:50:02 #696

  Új hozzászólás

  Összes hozzászólása itt Válaszok az összes hozzászólására itt Válaszok erre a hozzászólásra

  Privát üzenet küldése

  

  vakondka

  őstag

  válasz Karma #694 üzenetére

  OK, látom nemhiába vagy PH félisten

  Ez így működik, de korrekt is?

  $(function() {
  //klikk megakadályozása majd ajax betöltés
  $("body").on("click", "a[href*='-c-'], a[href*='-p-'], a[href*='extra_info_pages.php'], a[href*='create_account.php']", function(e) {
  var a_href = $(this).attr('href');
  var content = $('#column_content');
  e.preventDefault();
  content.fadeToggle();
  content.load(a_href +' #column_content');
  content.fadeToggle();
  //return false;
  });

  És még ezt kellene módosítani valahogyan, hogy működjön dinamikus tartalom esetén is...

  // Buborék
  $('.bubbleInfo').each(function () {
  // options
  var distance = 10;
  var time = 250;
  var hideDelay = 500;
  
  var hideDelayTimer = null;
  
  // tracker
  var beingShown = false;
  var shown = false;
  
  var trigger = $('.trigger', this);
  var popup = $('.popup', this).css('opacity', 0);
  
  // set the mouseover and mouseout on both element
  $([trigger.get(0), popup.get(0)]).mouseover(function () {
  // stops the hide event if we move from the trigger to the popup element
  if (hideDelayTimer) clearTimeout(hideDelayTimer);
  
  // don't trigger the animation again if we're being shown, or already visible
  if (beingShown || shown) {
  return;
  } else {
  beingShown = true;
  
  // reset position of popup box
  popup.css({
  top: -80,
  left: 0,
  display: 'block' // brings the popup back in to view
  })
  
  // (we're using chaining on the popup) now animate it's opacity and position
  .animate({
  top: '-=' + distance + 'px',
  opacity: 1
  }, time, 'swing', function() {
  // once the animation is complete, set the tracker variables
  beingShown = false;
  shown = true;
  });
  }
  }).mouseout(function () {
  // reset the timer if we get fired again - avoids double animations
  if (hideDelayTimer) clearTimeout(hideDelayTimer);
  
  // store the timer so that it can be cleared in the mouseover if required
  hideDelayTimer = setTimeout(function () {
  hideDelayTimer = null;
  popup.animate({
  top: '-=' + distance + 'px',
  opacity: 0
  }, time, 'swing', function () {
  // once the animate is complete, set the tracker variables
  shown = false;
  // hide the popup entirely after the effect (opacity alone doesn't do the job)
  popup.css('display', 'none');
  });
  }, hideDelay);
  });
  });

  így nézne ki: [link]

Új hozzászólás Aktív témák