you are in: codestacker → codes [RSS] → tag: jquery [RSS]

smooth scrolling with jquery Delicious Email

show/hide lines
   1  // Smooth scrolling within page anchors
   2  $('a[href*=#]').click(function() {
   3      
   4    if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'') && location.hostname == this.hostname) {
   5          
   6          var $target = $(this.hash);
   7              
   8          $target = $target.length && $target || $('[name=' + this.hash.slice(1) +']');
   9              
  10          if ($target.length) {
  11                var targetOffset = $target.offset().top;
  12                $('html,body').animate({scrollTop: targetOffset}, 1000);
  13                return false;       
  14          }      
  15       }        
  16  });
created by leozera — 17 May 2010 — get a short url — tags: javascript jquery — embed

clean way to open a popup window Delicious Email

show/hide lines
   1  $('a.popup').live('click', function(){
   2  	newwindow=window.open($(this).attr('href'),'','height=200,width=150');
   3  	if (window.focus) {newwindow.focus()}
   4  	return false;
   5  });
created by leozera — 16 December 2009 — get a short url — tags: javascript jquery — embed

seletores do jquery Delicious Email

http://docs.jQuery.com/DOM/Traversing/Selectors

show/hide lines
   1  $('h1') // elementos h1
   2  $('#meuID') // elementos com id "meuID"
   3  $('.minhaClasse') // elementos definidos com a classe "minhaClasse"
   4  $('[width]') // elementos que possuem o atributo width definido
   5  $('[width=500]') // elementos que possuem o atributo width definido como 500
   6  $('img[width=300]') // imagens que possuem largura = 300
   7  $('img[src$=png]') // imagens com final png
   8  $('a[href^=http://localhost]') // links que comecem com http://localhost
   9  $('a[href$=pdf]') // links com final pdf
  10  $('a[href*=www]') // links que contém www
  11  $(':empty') // elementos vazio
  12  $('div:empty') // elementos div vazios
  13  $(':has(p)') // todos elementos que tenham um parágrafo
  14  $('div:has(a)'); // elementos div que possuem link
  15  $("p:contains('dinei')") // parágrafos que contém a palavra "dinei"
  16  $("p:eq(0)") // seleciona o primeiro elemento p
created by leozera — 25 November 2009 — get a short url — tags: javascript jquery — embed

back to top Delicious Email

show/hide lines
   1  <a href="#top" onclick="$('html, body').animate({scrollTop:0}, 'slow'); return false;">top</a>
created by leozera — 22 August 2009 — get a short url — tags: html javascript jquery — embed

hide/show dl list with jquery Delicious Email

show/hide lines
   1  		$(document).ready(function() {
   2  			$('dd').toggle();
   3  			$('dt').click(function() {$(this).next('dd').toggle('slideDown');});
   4  		});
created by leozera — 22 August 2009 — get a short url — tags: javascript jquery — embed

hover for ie 6 Delicious Email

show/hide lines
   1  /* IE6 - pseudo class :hover */ 
   2  $(document).ready(function(){ 
   3  	if(jQuery.browser.msie && jQuery.browser.version<7){ 
   4  		$('[class*="bla"]').hover( 
   5  		function () { 
   6  			$(this).addClass('hover'); 
   7  		}, 
   8  		function () { 
   9  			$(this).removeClass('hover'); 
  10  		} 
  11  		); 
  12  	} 
  13  });
created by leozera — 10 August 2009 — get a short url — tags: browser hack ie ie6 javascript jquery — embed

vertical align plugin for jquery Delicious Email

http://www.seodenver.com/simple-vertical-align-plugin-for-jquery/

show/hide lines
   1  (function ($) {
   2  // VERTICALLY ALIGN FUNCTION
   3  $.fn.vAlign = function() {
   4  	return this.each(function(i){
   5  	var ah = $(this).height();
   6  	var ph = $(this).parent().height();
   7  	var mh = (ph - ah) / 2;
   8  	$(this).css('margin-top', mh);
   9  	});
  10  };
  11  })(jQuery);
  12  
  13  // $('#mydiv').vAlign();
created by leozera — 07 August 2009 — get a short url — tags: javascript jquery plugin — embed

jquery fade and slide toggle plugin Delicious Email

from: http://www.position-absolute.com/articles/jquery-fade-and-slide-toggle-plugin/

show/hide lines
   1  jQuery.fn.fadeSliderToggle = function(settings) {
   2   	 settings = jQuery.extend({
   3  		speed:500,
   4  		easing : "swing"
   5  	}, settings)
   6  	
   7  	caller = this
   8   	if($(caller).css("display") == "none"){
   9   		$(caller).animate({
  10   			opacity: 1,
  11   			height: 'toggle'
  12   		}, settings.speed, settings.easing);
  13  	}else{
  14  		$(caller).animate({
  15   			opacity: 0,
  16   			height: 'toggle'
  17   		}, settings.speed, settings.easing);
  18  	}
  19  };
  20  
  21  // use: $('#my_div').fadeSliderToggle();
created by leozera — 12 July 2009 — get a short url — tags: javascript jquery plugin — embed

list all jquery function with firebug Delicious Email

show/hide lines
   1  $(document).ready(function() { jQuery.fn.each( function(i) { console.log(i); }); });
created by leozera — 21 June 2009 — get a short url — tags: firebug firefox javascript jquery — embed

jquery twitter Delicious Email

http://ralphwhitbeck.com/content/binary/twitter-json-jquery.html

show/hide lines
   1  <html>
   2  <head>
   3  <script type="text/javascript" src="http://code.jquery.com/jquery-latest.pack.js"></script>
   4  <script>
   5  	$(document).ready( function() {
   6  	
   7  		var url = "http://twitter.com/status/user_timeline/RedWolves.json?count=3&callback=?";
   8  		$.getJSON(url,
   9          function(data){
  10  			$.each(data, function(i, item) {
  11  				$("img#profile").attr("src", item.user["profile_image_url"]); 
  12  				$("#tweets ul").append("<li>" + item.text.linkify() + " <span class='created_at'>" + relative_time(item.created_at) + " via " + item.source + "</span></li>");
  13  			});
  14          });
  15  	});
  16  	
  17  	String.prototype.linkify = function() {
  18  		return this.replace(/[A-Za-z]+:\/\/[A-Za-z0-9-_]+\.[A-Za-z0-9-_:%&\?\/.=]+/, function(m) {
  19      return m.link(m);
  20    });
  21   }; 
  22    function relative_time(time_value) {
  23  	  var values = time_value.split(" ");
  24  	  time_value = values[1] + " " + values[2] + ", " + values[5] + " " + values[3];
  25  	  var parsed_date = Date.parse(time_value);
  26  	  var relative_to = (arguments.length > 1) ? arguments[1] : new Date();
  27  	  var delta = parseInt((relative_to.getTime() - parsed_date) / 1000);
  28  	  delta = delta + (relative_to.getTimezoneOffset() * 60);
  29  	  
  30  	  var r = '';
  31  	  if (delta < 60) {
  32  	    r = 'a minute ago';
  33  	  } else if(delta < 120) {
  34  	    r = 'couple of minutes ago';
  35  	  } else if(delta < (45*60)) {
  36  	    r = (parseInt(delta / 60)).toString() + ' minutes ago';
  37  	  } else if(delta < (90*60)) {
  38  	    r = 'an hour ago';
  39  	  } else if(delta < (24*60*60)) {
  40  	    r = '' + (parseInt(delta / 3600)).toString() + ' hours ago';
  41  	  } else if(delta < (48*60*60)) {
  42  	    r = '1 day ago';
  43  	  } else {
  44  	    r = (parseInt(delta / 86400)).toString() + ' days ago';
  45  	  }
  46  	  
  47  	  return r;
  48  }
  49  function twitter_callback ()
  50  {
  51  	return true;
  52  }
  53  
  54  </script>	
  55  </head>
  56  <body>
  57  	<div id="tweets">
  58  		<img id="profile">
  59  		<ul></ul>
  60  	</div>
  61  </body>
  62  </html>
created by leozera — 10 May 2009 — get a short url — tags: javascript jquery twitter — embed
Displaying records 1 - 10 of 16