jQuery Forum

• http://www.dev-cheweng.co.uk.gridhosted.co.uk/about/

1. $('.height-page').matchHeight();

1. <div id="content" class="grid_8 height-page">

1. <aside id="sidebar" class="grid_4">
2.     <div class="content height-page">

1. <div class="grid_8 height-page" id="content" style="">

1. <div class="row row-even">
2.                         <div class="container_12 content">
3.                            
4.                             <div class="grid_4 box">
5.                                 <div class="content">
6.                                    
7.                                     <h3><a href="#">Corporate Transactional Services</a></h3>
8.                                    
9.                                 </div>
10.                             </div>
11.                            
12.                             <div class="grid_4 box box-alt">
13.                                 <div class="content">
14.                                    
15.                                     <h3><a href="#">Company Law</a></h3>
16.                                    
17.                                 </div>
18.                             </div>
19.                            
20.                             <div class="grid_4 box">
21.                                 <div class="content">
22.                                    
23.                                     <h3><a href="#">Mercantile Services</a></h3>
24.                                    
25.                                 </div>
26.                             </div>
27.                        
28.                         </div>
29.                     </div>

1. $('#page .row').each(function() {
2.             $(this).find('.container_12, .row .box-alt > .content').equalHeightColumns();
3.         });

But it doesn't seem to be working, the .container_12 element gets assigned a height of '0px'

Does anyone know what I'm doing wrong? Is it possible to use the plugin in this way?

1. $('#form-register form').submit(function() {
2.     if ($(this).find('*[value="Select Brand"]').length > 0);
3.         alert ('Please select an appliance and a brand');
4.         return false;
5. });

1. $(document).on('change','#form-register .gfield_list tr td:first-child select', function() {

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();