[jQuery] Przerobienie funkcji Opcje

[vodkon]

Witam znalazłem fajny skrypt http://davidwalsh.name/mootools-drag-ajax który zmienia kolejność wyświetlania rekordów i mam problem z przerobieniem funkcji. chce usunąć pole "#autoSubmit" tak żeby za każdym razem wykonywała się akcja bez konieczności wciskania checkbox
przerobić polecenie tak aby akcja działa się bez zaznaczania checkboxa

[HTML] pobierz, plaintext 
/* when the DOM is ready */
jQuery(document).ready(function() {
  /* grab important elements */
  var sortInput = jQuery('#sort_order');
  var submit = jQuery('#autoSubmit');
  var messageBox = jQuery('#message-box');
  var list = jQuery('#sortable-list');
  /* create requesting function to avoid duplicate code */
  var request = function() {
    jQuery.ajax({
      beforeSend: function() {
        messageBox.text('Updating the sort order in the database.');
      },
      complete: function() {
        messageBox.text('Database has been updated.');
      },
      data: 'sort_order=' + sortInput[0].value + '&ajax=' + submit[0].checked + '&do_submit=1&byajax=1', //need [0]?
      type: 'post',
      url: '<?php echo $_SERVER["REQUEST_URI"]; ?>'
    });
  };
  /* worker function */
  var fnSubmit = function(save) {
    var sortOrder = [];
    list.children('li').each(function(){
      sortOrder.push(jQuery(this).data('id'));
    });
    sortInput.val(sortOrder.join(','));
    console.log(sortInput.val());
    if(save) {
      request();
    }
  };
  /* store values */
  list.children('li').each(function() {
    var li = jQuery(this);
    li.data('id',li.attr('title')).attr('title','');
  });
  /* sortables */
  list.sortable({
    opacity: 0.7,
    update: function() {
      fnSubmit(submit[0].checked);
    }
  });
  list.disableSelection();
  /* ajax form submission */
  jQuery('#dd-form').bind('submit',function(e) {
    if(e) e.preventDefault();
    fnSubmit(true);
  });
});
[HTML] pobierz, plaintext 

Ten post edytował vodkon 21.09.2012, 00:19:56

[Arcioch]

Oki zrobię sobie to na lokalu i napisze zaraz rozwiązanie (IMG:style_emoticons/default/wink.gif)

Rozwiązanie (IMG:style_emoticons/default/smile.gif)

[HTML] pobierz, plaintext 
/* when the DOM is ready */
jQuery(document).ready(function() {
  /* grab important elements */
  var sortInput = jQuery('#sort_order');
  var messageBox = jQuery('#message-box');
  var list = jQuery('#sortable-list');
  /* create requesting function to avoid duplicate code */
  var request = function() {
    jQuery.ajax({
      beforeSend: function() {
        messageBox.text('Updating the sort order in the database.');
      },
      complete: function() {
        messageBox.text('Database has been updated.');
      },
      data: 'sort_order=' + sortInput[0].value  + '&do_submit=1&byajax=1', //need [0]?
      type: 'post',
      url: '<?php echo $_SERVER["REQUEST_URI"]; ?>'
    });
  };
  /* worker function */
  var fnSubmit = function(save) {
    var sortOrder = [];
    list.children('li').each(function(){
      sortOrder.push(jQuery(this).data('id'));
    });
    sortInput.val(sortOrder.join(','));
    console.log(sortInput.val());
    if(save) {
      request();
    }
  };
  /* store values */
  list.children('li').each(function() {
    var li = jQuery(this);
    li.data('id',li.attr('title')).attr('title','');
  });
  /* sortables */
  list.sortable({
    opacity: 0.7,
    update: function() {
      fnSubmit(true);
    }
  });
  list.disableSelection();
  /* ajax form submission */
  jQuery('#dd-form').bind('submit',function(e) {
    if(e) e.preventDefault();
    fnSubmit(true);
  });
});
[HTML] pobierz, plaintext 

Przetestuj (IMG:style_emoticons/default/wink.gif)

Ten post edytował Arcioch 21.09.2012, 11:19:32