jQuery Forum

2. <script type="text/javascript">
3. $(document).ready(function() { 
4.  $('#searchid').change(function(){
5.       //fire your ajax call  
6. var id = $('#searchid').val();
7. window.open('https://adventchembio.com/msds.php?id=&&product='+id);   
8. });  
10. $(function() {  
11.  $("#searchname").autocomplete({ 
12. 
    
13.  source: "marathesearchfill.php",
14. 
    
15. minLength: 2,
16. select: function(event, ui) {
17. $('#searchid').val(ui.item.recid)
18.             .trigger('change');;
19. },
20.  
21. //html: true,
22.  
23. open: function(event, ui) {
24. $(".ui-autocomplete").css("z-index", 999999999999);
25. }
26. });
27. 
    
28.  
29.  
30. });
31. 
    
32.  });
33. </script>
 

1. <script>
2. $.ajax({
3. url : "tmp/org.json",
4. dataType: "text",
5. success : function (data) {
6. $("#pk-family-treexx").html(data) ;
7. }
8. });
9.   
10. </script>

1.  $('#updatediv'+updatedivid).load(url,data,servicedivcolorno(onlyid, thisid))  ; 

1.  $('#updatediv'+updatedivid).load(url,data,servicedivcoloryes(onlyid, thisid))  ; 

1. 
   
2. function servicedivcoloryes(id, thisid)
3. {   alert('function servicedivnocolor YES values passed'+id+' thisid='+thisid); 
4.   
5.     
6. $('#'+thisid).css('background-color', '#086223');
7. $('#'+thisid).css('color', '#fff');
8. 
   
9. $('#servicedivno'+id).css('background-color', '#fff');
10. $('#servicedivno'+id).css('color', '#222222');
11. }

1.      $.ajax({
2.                     url: 'add-event.php',
3.                     data: 'title=' + title + '&start=' + start + '&end=' + end,
4.                     type: "POST",
5.                     success: function (data) {
6.                         displayMessage("Added Successfully");
9.                     }
10.                 });
14.                 calendar.fullCalendar('renderEvent',
15.                         {                                                     //---how do i get new id of an Event
16.                             title: title,
17.                             start: start,
18.                             end: end,
19.                             allDay: allDay
20.                         },
21.                 true
22.                         );
23.             }

1. var mob1=$(''#mob1').val();
2.    
3. var url= "mobilememberidfill.php";
4. data = {
5. mob1: mob1
6. }
7. $('# mobilememberiddiv').load(url,data,checkmobileexists)  ;

1. 
   
2. $('#captcharesultdiv').load(url,data, checkcaptchavalid )  ;

1. $(document).on("change","select",function()

1. Dropdown
2.  td Cell value
3. Inputs

1.  <script>
2. $(document).ready(function() {
3. $('#gramcode').blur(function () { 
4.  var gramcode=$('#gramcode').val();
5. // alert(gramcode);
6.  $('#gramcodemessagediv').text(gramcode);
7.     $.getJSON("codedetailsjsonfill.php", {id: gramcode}, function(data){
8.             $('#villagename').text(data['namee']);
9. $('#emailid').text(data['emailid']);
10.  
11.         });      
12.  
13. 
    
14. });
15. });
16. </script>

1. <?php
2. //codedetailsjsonfill.php
3.   session_start();
4.  
5.  include_once("includes/dbconnect.php");
6. include_once("includes/config.inc.php");
7. 
   
8.    
9.         $sql = mysql_query("select * from gp where code='". $_REQUEST['id'] ."'");
10.        // echo mysql_num_rows($sql);
11.         if(mysql_num_rows($sql))
12.         {
13.           $data = mysql_fetch_array($sql);
14.             echo json_encode($data);
15.         
16.         }
17. ?>

• https://fastcdn.org/Animate.css/3.4.0/animate.css

1.  $( "#lastdt" ).datepicker({ minDate: -20, maxDate: "+1M +10D" });// not working//

1. $('[id^="foodiv"]').change( function() {  
2. $('#cls').text($(this).attr("id"));
3. var thisid=this.id;
4.  alert("product id0="+thisid);
5. $('#cls').append($('#'+thisid).val());
6. });

2. function addItem() { /* function to add a row  */   ;
3.   var rowcount=$('#rowcount').val(); 
4.   var rc=parseInt(rowcount);
5. $('#rowcount').val(rc+1); 
6. var url= "add2sessionvariable.php";
7.     data = {
8.     rowcount : rowcount
9.   }
10.   
11.     $('#add2sessionvariable').load(url,data)  ;
12.   var rowclass="rowclass"+rowcount;
13. var row="row"+rowcount;
14.       var itemRow =
15.         '<div class="s-12 l-12">'+
16. '<div class="s-12 l-1 dropdown " id="srnodiv'+rowcount+'" style="padding:20px;"  ><input name="srno'+rowcount+'"  id="srno'+rowcount+'" type="text" class="'+rowclass+'">    </div>' +
17.          '<div class="s-12 l-3 dropdown " id="foodiv'+rowcount+'" style="padding:20px;"  >   </div>' +
18.         '<div class="s-12 l-1 dropdown " id="qtydiv'+rowcount+'" style="padding:20px;"  ><input name="qty'+rowcount+'"  id="qty'+rowcount+'" type="text" class="'+rowclass+'">    </div>' +
19.         '<div class="s-12 l-1 dropdown" id="ratediv'+rowcount+'" style="padding:20px;"  ><input name="rate'+rowcount+'"  id="rate'+rowcount+'" type="text" class="'+rowclass+'">    </div>' +
20.         '<div class="s-12 l-1 dropdown " id="amountdiv'+rowcount+'" style="padding:20px;"  ><input name="amount'+rowcount+'"  id="amount'+rowcount+'" type="text" class="'+rowclass+'">    </div>' +
21.         '<div class="s-12 l-2 dropdown delete" id="delete'+rowcount+'"  style="padding:20px;font-size:18px; cursor:pointer;"> X Delete </div>' +
22.  
23.          '</div>';
24.      $("#pblock").append(itemRow); 
25.  
26. 
    
27. 
    
28.  $('#productdiv'+rowcount).text(rowcount);
29.  
30.  //$('#committeeposition'+rowcount).text(rowcount);
31.  
32.  var url= "add2productdropdown.php";
33.      data = {
34.     rowcount : rowcount
35.   }   
36. $('#foodiv'+rowcount).load(url,data);
37. 
    
38. 
    
39.  //var url= "add2committeepositiondropdown.php";
40. //     data = {
41. //   rowcount : rowcount
42. // }
43. //$('#committeeposition'+rowcount).load(url,data);;
44.  
45.     
46.  
47. }
48.  addItem(); //call function on load to add the first item
49. 
    
50. /////// company name //// 
51.  $('#companyid').change ( function() {  
52. var companyid= $('#companyid').val();
53.  var url= "companydetailfill.php"; 
54.     data = {
55.      
56. companyid: companyid // COmpany id is passed //
57. }
58.     $('#companydetaildiv').load(url,data, copytodeliveryaddress)  ; 
59.  
60. });

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'>