jQuery Forum

1. 
   
2. $('#addRow').click(function () {
3.     addItem();
4. });
5. function addItem() {
6. var rowcount=$('#rowcount').val();
7.     var itemRow =
8.         '<tr>' +
9.         '<td><?php echo fillDropDownselect("rawmaterial","name","id",$rawmaterialid," 1 ","rawmaterialid".$_POST["rowcount"],"name","Select raw Material");?></td>' +
10.         '<td><input type="text" class="form-control update row-quantity number" placeholder="Quantity" size="10";  id="quantity'+rowcount+'"  /></td>' +
11.         '<td><input type="text" class="form-control update row-rate number" placeholder="Rate" size="10"   id="rate'+rowcount+'"/></td>' +
12.         '<td><textarea type="text" class="form-control update row-quantity " placeholder="specifications" size="15" id="specification'+rowcount+'"  /></td>' +
13.         '<td><input type="text" class="form-control update row-deliverydt datepicker  " placeholder="Date" size="10"   id="deliverydt'+rowcount+'"/></td>' +
14.         '<td><input type="text" class="form-control update row-cost number" placeholder="Cost" size="10"  id="cost'+rowcount+'" disabled="disabled" placeholder="0,00"/></td>' +
15.  
16.         '</tr>';
17.     $("#items_table").append(itemRow);
18. var rc=parseInt(rowcount);
19. $('#rowcount').val(rc+1);
20. }
21. addItem(); //call function on load to add the first item
22. 
    
23.  

2. <script>
3.   $( function() {
4. //  var dateFormat = $( ".datepicker" ).datepicker( "option", "dateFormat" );
5.  
6. // Setter
7.    $( ".datepicker" ).datepicker({ minDate: -30, maxDate: "+2M +1D" } );;
8.    $( ".datepicker" ).datepicker( "option", "dateFormat", "dd-mm-yy" );
9.     //$( ".datepicker" ).css('background-color','#366');
10. 
    
11. 
    
12.  
13.     $( "#items_table    [id*='delivery']" ).datepicker({ minDate: -30, maxDate: "+2M +1D" } );;
14.     $( "#items_table    [id*='delivery']" ).datepicker( "option", "dateFormat", "dd-mm-yy" );
15.  // I tried above script for dynamically added row but not working
16.  
17.   } );
18.   </script>

 <div   class='s-12 class832x641>

<div   class='s-12 class350x702'>

1. $('#cssmenu li').on('click', function(){
2.         $("#cssmenu").hide();
3.         $("#menu-icon").removeClass("active");
4.     });

1. $('.samplevideolist').click(function(){
2. $('#samplevideodiv').slideDown(1000);
3.     // $('#foo').show();
4. var id=this.id;  
5. var arr=id.split('samplevideos');
6. var videoid=arr[1];
7.  
8. $('#videoid').val(videoid);   
9.    
10.          $.getJSON("sampleyoutubevideojsonfill.php", {id: $('#videoid').val()}, function(data){
11.             $('#samplevideonamediv').text(data['name']);
12.  
13. $('#samplevideo').html(data['code']);
14.         }).done(alert('ttt') );    // Displays alert ttt
15.     });
16.            
17.     }).fail(function(){
18.             alert("OUCH!")
19.       });
20.   
21.  
22.  
23.  })(jQuery);

1. 
   
2. .container1 {
3.    
4.     height: 400px;    
5.     overflow: hidden;
6.     background: #fff;
7.     margin: 10px;
8. padding:10px;
9.     text-align: center;
10. vertical-align: middle;
11.  
12.  
13. }

2. <div class="s-12 m-6 l-3" style="padding-top:10px; padding-left:20px;  padding-right:20px;"> 
3.      
4.                 <div class="container1" style="border:1px solid #CCC  ;" >
5.   
6.              <table width="70%" border="0" cellspacing="0" cellpadding="0" class="tblpart">
7.   <tr>
8.     <td align="center" class="imagepart" ><a href="<?php echo  $srows['bigwimage'];?>"    class="with-caption image-link"  title="<?php echo $srows['name'];?>"> <img src="<?php echo  $srows['smallwimage'];?>"  >
9.     </a>
10.     </td>
11.   </tr>
12.   <tr>
13.     <td class="text22 namepart"><?php echo $srows['name'];?> </td>
14.   </tr>
15. </table>
16.     
17.                 
18.       </div>
19.        </div> 
 

1. product.php:1094 Uncaught TypeError: $(...).magnify is not a function

1.  var url= "plusproductfill.php";
2. 
   
3.     data = {
4.     qty: qty,
5. rate: rate,
6.   memberid: memberid,
7. productid: id[1]
8. }  
9.  $('#value1'+id[1]).load(url,data, mydata(param1 )  ;
10. function mydata(param1)
11. {
12. alert(param1);
13. }

1. alert('code to open Magnific Popup after page load');

1. (function($){
2.     $.fn.extend({
3.         center: function () {
4.             return this.each(function() {
5.                 var top = ($(window).height() - $(this).outerHeight()) / 2;
6.                 var left = ($(window).width() - $(this).outerWidth()) / 2;
7.                 $(this).css({position:'absolute', margin:0, top: (top > 0 ? top : 0)+'px', left: (left > 0 ? left : 0)+'px'});
8.             });
9.         }
10.     }); 
11. })(jQuery);
12. 
    
13. $('#imagedisplay').center();
14. $('#imagedisplay').show(1000); /* Not displayed */
15. $(window).resize(function(){
16.    $('#imagedisplay').center();
17. });

1. $('#imagedisplay').center();
2. $('#imagedisplay').show(1000); /* Not displayed */

1. $('#imagedisplay').show(1000); /*  displayed */
2. $('#imagedisplay').center();

1.  #mycontainer { max-width:710px; margin:2px auto;}
2.  
3.  .treadmill { /* main div  in which smaller div with class "treadmill-unit" are embeded */
4. overflow: hidden;
5.  
6.   background-color:#;
7.   padding:0 5px;
8. }
9. 
   
10. .treadmill-unit { /* Smaller div embeded in main (teadmill) div */
11. overflow: hidden;
12. position: relative;