jQuery Forum

Hi,

I'm having toruble paassing two different fields with Bootstrap editable and jquery. My script is as follows:

1. <script type="text/javascript">
   jQuery(document).ready(function() { 
           $.fn.editable.defaults.mode = 'popup';
           $('.xedit').editable();       
           $(document).on('click','.editable-submit',function(){
               var x = $(this).closest('td').children('span').attr('id');
               var y = $('.input-sm').val();
               $.ajax({
                   url: "add_homepreds.php?id="+x+"&home="+y,
                   type: 'GET',
               });
           });
           $.fn.editable.defaults.mode = 'popup';
           $('.test').editable();       
           $(document).on('click','.editable-submit',function(){
               var x = $(this).closest('td').children('span').attr('id');
               var y = $('.input-sm').val();
               $.ajax({
                   url: "add_awaypreds.php?id="+x+"&away="+y,
                   type: 'GET',
               });
           });
   
   });
   </script>

I'm trying to load <span class="xedit"> for one field and <span class="test"> for another with different url outputs, but bootstrap editable js makes the 'input-sm' in both cases and always runs the first url "add_homepreds.php?id="+x+"&home="+y" together with the second one (both fields are always updating).

Can someone help me figure this out?

I am having trouble with displaying a custom text below the calendar.

The datepicker consists of highlighting dates captured from database, and I want a custom text to sisplay below the calendar as shown here: http://jsfiddle.net/william/ctqUa/1/

This is the code that is not working for me:

1. $("#datepicker").datepicker().bind('click keyup', function() {
       if ($('#ui-datepicker-div :last-child').is('table'))
           $('#ui-datepicker-div').append('<p>hello world</p>');
   });

My complete code in jsfiddle: http://jsfiddle.net/kL4ur/

What is wrong?

I am trying to make the datepicker highlight dates fetched from database, and at the same time have the dates as clickable links. I have managed to get the two functions functioning seperately, but it won't work in combination. Possibly becuse the date function is set twice?

Can anybody please tell me what I've done wrong?

The code:

1. <script> 
   

2. $(document).ready(function() { 
   

3. var date1 = new Date; 
   date1.setHours(0, 0, 0, 0); 
   date1.setDate(10); 
   var date2 = new Date; 
   date2.setHours(0, 0, 0, 0); 
   date2.setDate(23); 
   

4. $( "#datepicker" ).datepicker({ 
   

5. dateFormat: 'yy-mm-dd', 
   showOn: "button", 
   dayNamesMin: ['Søn', 'Man', 'Tir', 'Ons', 'Tor', 'Fre', 'Lør'], 
   monthNames: ['Januar', 'Februar', 'Mars', 'April', 'Mai', 'Juni', 'Juli', 'August', 'September', 'Oktober', 'November', 'Desember'], 
   buttonImage: "images/calendar-blue.png", 
   buttonImageOnly: true, 
   onSelect: function(date) { 
         var links="member.php?date="; 
         window.location.href = links+date; 
   } 
   

6. beforeShowDay: function(date) { 
   return [date.getDay() < 5, date >= date1 && date <= date2 ? "dp-highlight" : ""]; 
   } 
   
   }); 
   }); 
   

7. </script>