Quantcast
Channel: Web Developer Blog » jQuery
Browsing all 11 articles
Browse latest View live

Awesome jQuery Plugins

http://line25.com/articles/20-jquery-tutorials-teaching-super-cool-visual-effects http://tutorialzine.com/category/jquery-tutorials/ http://tympanus.net/codrops/

View Article



Useful Plugins

Responsive Slideshow FlexSlider 2 Slideshow jQuery Cycle Lightbox ColorBox Fancybox Form Validation Validation Ajax Form jQuery Form Scroll To jQuery ScrollTo Full Screen Background Slideshow / Image...

View Article

.delay() is not a function

Problem .delay() is not a function Solution delay() is a new function added in jQuery 1.4. If you are using jQuery 1.3, you will get the above error. Solution is to use .animate() instead of .delay()....

View Article

jQuery Validate Plugin: Set Multiple Messages for Remote Rule

form.validate({ rules: { username: { remote: { url: 'check_username.php', dataFilter: function(data) { var json = JSON.parse(data); if (json.result === true) { return 'true'; } return '"' +...

View Article

Detect Cut, Copy and Paste Event with JQuery

$('#textbox').bind('cut', function() { alert('cut'); }); $('#textbox').bind('copy', function() { alert('copy'); }); $('#textbox').bind('paste', function() { alert('paste'); });

View Article


jQuery supersized: Fade In First Image

Open supersized.3.2.7.js and change the line: base.$el.css('visibility','visible'); to base.$el.css('visibility','visible').hide().fadeIn();

View Article

jQuery Orientation

$(window).bind('orientationchange', function(event){ alert('Hello World'); });

View Article

Animated anchor on jScrollpane

$('.scrollpane').jScrollPane({ animateScroll: true }); var scrollpane_api = $('.scrollpane').data('jsp'); $('.scrollpane a[href^=#]').click(function(){ var scroll_top = $('a[name="' +...

View Article


Full Screen Ajax Loader

Reference: http://stackoverflow.com/questions/1964839/jquery-please-wait-loading-animation

View Article


Get width of a hidden element

<style> .element {display:none} </style> <script> $('.element').show(); var width = $('.element').width(); $('.element').hide(); </script>

View Article

Get browser width include scrollbar

window.innerWidth

View Article
Browsing all 11 articles
Browse latest View live




Latest Images