jQuery Forum

1. alert (postcodeVal.replace(/\s+/, "").length);

• http://www.mattpealing-server.co.uk/~devappli/register/

1. $('.add_list_item, .delete_list_item').tooltip();

1. function headscapeLeft(headscapeShot) {
2.       $(headscapeShot).find('.left').show();
3.       timeoutToken = setTimeout(headscapeRight(headscapeShot), 1000);
4. }
5. function headscapeRight(headscapeShot) {
6.       $(headscapeShot).find('.right').show();
7.       timeoutToken = setTimeout(headscapeLeft(headscapeShot), 1000);
8. }
9.    
10. // headscape rollovers
11. $('#feed-headscape-shot .feed > figure').each(function() {
12.     $(this).hover(function() {
13.         var timeoutToken;
14.         headscapeLeft($(this));
15.     });
16. });

1. function headscapeLeft() {
2.       $(this).find('.left').show();
3.       alert($(this).html());    
4. }
5.    
6. // headscape rollovers
7. $('#feed-headscape-shot .feed > figure').each(function() {
8.     $(this).hover(function() {
9.         var timeoutToken;
10.         headscapeLeft();
11.     });
12. });

1. $('#form-register .gfield_list tr td:first select').live('change', function() {
2.     alert('1');
3. })

1. // animate .children on hover
2. $('#nav-products .dropdown').hoverIntent(function() {
3.     $(this).find('ul').slideDown(175);
4. }, function() {
5.     $(this).find('ul').slideUp(175);
6. });

1. <ul>
2.     <li><input type="text" /></li>
3.     <li><input type="text" /></li>
4.     <li><input type="text" /></li>
5.     <li><input type="text" /></li>
6.     <li><input type="text" /></li>
7.     <li><input type="text" /></li>
8. </ul>

1. <ul>
2.     <li>Lorem ipsum dolor sit amet</li>
3.     <li>Lorem ipsum dolor sit amet</li>
4.     <li>Lorem ipsum dolor sit amet</li>
5.     <li>Lorem ipsum dolor sit amet</li>
6.     <li>Lorem ipsum dolor sit amet</li>
7.     <li>Lorem ipsum dolor sit amet</li>
8. </ul>

1. <ul>
2.     <div>
3.         <li>Lorem ipsum dolor sit amet</li>
4.         <li>Lorem ipsum dolor sit amet</li>
5.     </div>
6.     <div>
7.         <li>Lorem ipsum dolor sit amet</li>
8.         <li>Lorem ipsum dolor sit amet</li>
9.     </div>
10.     <div>
11.         <li>Lorem ipsum dolor sit amet</li>
12.         <li>Lorem ipsum dolor sit amet</li>
13.     </div>
14. </ul>

1. // set teaser text
2. $('.student_stories_header').each(function() {
3.     $(this).next('p').text().substring(50).wrap('<span class="expand_content" />');
4.     return false;
5. });

Error: TypeError: $(...).next(...).text(...).substring(...).wrap is not a function

1. A desktop browser is resized
2. A tablet / smartphone has its orientation changed

Is there one particular even that will handle both by any chance or do I need to use different ones?

1. $('#nav li:nth-child(3)').css('clear', 'both');
   

1. $("#franchisee_type").autocomplete({
2.     source: function(request, response) {
3.         var results = $.ui.autocomplete.filter(tags, request.term);
4.         response(results.slice(0, 4));
5.     },
6.     appendTo: "#ui-autocomplete-wrapper-01"
7. });

1. jQuery(function($){   
2.     $.supersized({
3.    
4.         // Functionality
5.         slide_interval          :   4000,        // Length between transitions
6.         transition              :   6,             // 0-None, 1-Fade, 2-Slide Top, 3-Slide Right, 4-Slide Bottom, 5-Slide Left, 6-Carousel Right, 7-Carousel Left
7.         transition_speed        :    1250,        // Speed of transition
8.                                                   
9.         // Components                           
10.         slide_links                :    false,    // Individual links for each slide (Options: false, 'num', 'name', 'blank')
11.         slides                     :      [        // Slideshow Images
12.                                         { image : '../../wp-content/themes/croftoncontracts/image/supersized/flooring/01.jpg' },
13.                                         { image : '../../wp-content/themes/croftoncontracts/image/supersized/flooring/02.jpg' },
14.                                         { image : '../../wp-content/themes/croftoncontracts/image/supersized/flooring/03.jpg' }
15.                                     ]
16.     });
17. });

1. <div id="feed-home-certifications" class="grid_12 feed">
2.     <ul>
3.         <li id="iso-9001" class="grid_2 alpha"><a href="#">ISO 9001</a></li>
4.         <li id="iso-14001" class="grid_2"><a href="#">ISO 14001</a></li>
5.         <li id="ohsas-18001" class="grid_2"><a href="#">OHSAS 18001</a></li>
6.         <li id="iso-22000" class="grid_2"><a href="#">ISO 22000</a></li>
7.         <li id="as-9100" class="grid_2"><a href="#">AS 9100</a></li>
8.         <li id="haccp" class="grid_2 omega"><a href="#">HACCP</a></li>
9.     </ul>
10. </div>

1. // looping animations
2. $(document).ready(function() {
3.     var timeoutToken;
4.    
5.     // feed-home-certifications
6.     function linkOne() {
7.           $('#iso-9001').addClass('current').delay(1000).removeClass('current');
8.           timeoutToken = setTimeout(linkTwo, 1000);
9.     }
10.     function linkTwo() {
11.           $('#iso-14001').addClass('current').delay(1000).removeClass('current');
12.           timeoutToken = setTimeout(linkThree, 3000);
13.     }
14.     function linkThree() {
15.           $('#ohsas-18001').addClass('current').delay(1000).removeClass('current');
16.           timeoutToken = setTimeout(linkOne, 3000);           
17.     }
18.     linkOne();
19. });

1. $(document).ready(function() {
2.     $('#pealo-fact .button').click(function() {
3.         var section = $(this).parent().find('.bubble section');
4.         $(this).parent().find('.bubble section').slideUp(250);
5.         $(this).parent().find('.bubble').next('section').show();
6.         return false;
7.     });
8. });

1. $(document).ready(function() {
2.     $('#page .row .content').hover(function() {
3.         var timeoutToken;
4.         function headingHover() {
5.             $(this).find('.grids > aside .heading').css('background', 'none');
6.             timeoutToken = setTimeout(headingHover, 100);
7.         }
8.         headingHover();
9.     });
10. });

1. $('.grids > aside .heading').css('background', 'none');

1. jQuery(document).ready(function() {
2.     jQuery('#signup_form').submit(function() {
3.         if (jQuery('#verify-16').is(':checked') && jQuery('#verify-tc').is(':checked') && jQuery('#verify-pp').is(':checked')) {
4.             return true;
5.         } else {
6.             if (jQuery('#verify-16').not(':checked')) {
7.                 alert('Please confirm that you are older than 16 yrs of age, but younger than 30');
8.             }
9.             if (jQuery('#verify-tc').not(':checked')) {
10.                 alert('Please confirm that you agree with our Terms & Conditions');
11.             }
12.             if (jQuery('#verify-pp').not(':checked')) {
13.                 alert('Please confirm that you agree with our Privacy Policy');
14.             }
15.             return false;
16.         }
17.     });
18. });

1. <div id="banner-home" class="banner">
2.     <section class="one">
3.         <span class="content">Advice + Support</span>
4.         <span class="bubble"></span>
5.     </section>
6.     <section class="two">
7.         <span class="content">Immigration<br />+ Asylum</span>
8.         <span class="bubble"></span>
9.     </section>
10.     <section class="three">
11.         <span class="content">Women's Rights</span>
12.         <span class="bubble"></span>
13.     </section>
14. </div>

1. $(document).ready(function() {
2.     $('#banner-home section .bubble').hide();
3.     $('#banner-home .one .bubble').fadeIn(500).delay(1500).fadeOut(500);
4.     $('#banner-home .two .bubble').fadeIn(500).delay(1500).fadeOut(500);
5.     $('#banner-home .three .bubble').fadeIn(500).delay(1500).fadeOut(500);
6. });

1. The first bubble fades in and fades out
2. Then the second bubble fades in and fades out
3. Then the third bubble fades in and fades out

1. <body>
2. <!--[if lt IE 9]>
3. <div id="body-ie">
4. <![endif]-->

1. $(this).parent().next().slideUp(250);

1. $(this).parent().next().hide();

1. var audioPlaylist = new Playlist("2", [
2. {
3. mp3:"audio/eight-day-week.m4a"
4. },
5. {
6. name:"All You Need is Love",
7. mp3:"audio/all-you-need-is-love.m4a"
8. }

1. <div class="grid_3 alpha thumb">
2.                     <span class="icon-play"></span>
3.                     <input type="hidden" value="137" class="thumb-media-feed">
4.                                             <a href="#media-137" class="fancybox-inline"></a>
5.                                         <img alt="Behind the Golden Gates" src="http://www.mattpealing-server.co.uk/~handstan/wp-content/uploads/2011/06/Screen-shot-2011-06-20-at-11.57.20-160x86.png">
6.                 </div>

1. $(document).ready(function() {
2.     $('.fancybox-inline').click(function() {
3.         return false;
4.     });
5.     $('.fancybox-inline').fancybox({
6.         'transitionIn'    : 'elastic',
7.         'transitionOut'    : 'elastic',
8.         'titlePosition'    : 'over',
9.         'hideOnContentClick' : false,
10.         'autoDimensions' : false,
11.         'width' : 580,
12.         'height' : 410
13.     });
14. })

1. $(document).ready(function(){
2.     $('.jp-jplayer').jPlayer({
3.         ready: function () {
4.             $(this).jPlayer('setMedia', {
5.                 m4v: 'www.someurl.com/video.m4v'
6.             });
7.         },
8.         ended: function (event) {
9.             $(this).jPlayer('play');
10.         }
11.     });
12. });

1. $(this).next('input').val()

1. $(this).jPlayer('setMedia', {
2.                 m4v: $(this).next('input').val()
3.             });

1. <input type="hidden" value="www.someurl.com/video.m4v" />