0

2 つのわずかに異なるアプリケーションに適用したいコードがあるという問題がありますが、コードの 75% は同じです。これは私が物事を持っている場所です:

http://jsfiddle.net/spadez/H6SZ2/6/

$(function () {
  var input = $("#loc"),
      lat   = $("#lat"),
      lng   = $("#lng"),
      lastQuery  = null,
      lastResult = null, // new!
      autocomplete;

  function processLocation(callback) { // accept a callback argument
    var query = $.trim(input.val()),
        geocoder;

    // if query is empty or the same as last time...
    if( !query || query == lastQuery ) {
      callback(lastResult); // send the same result as before
      return; // and stop here
    }

    lastQuery = query; // store for next time

    geocoder = new google.maps.Geocoder();
    geocoder.geocode({ address: query }, function(results, status) {
      if( status === google.maps.GeocoderStatus.OK ) {
        lat.val(results[0].geometry.location.lat());
        lng.val(results[0].geometry.location.lng());
        lastResult = true; // success!
      } else {
        alert("Sorry - We couldn't find this location. Please try an alternative");
        lastResult = false; // failure!
      }
      callback(lastResult); // send the result back
    });
  }

    var ctryiso = $("#ctry").val();
    var options = {
         types: ["geocode"]
    };
    if(ctryiso != ''){
        options.componentRestrictions= { 'country': ctryiso };        
    }
    autocomplete = new google.maps.places.Autocomplete(input[0], options); 


  google.maps.event.addListener(autocomplete, 'place_changed', processLocation);

  $('#search_form').on('submit', function (event) {
    var form = this;

    event.preventDefault(); // stop the submission

    processLocation(function (success) {
      if( success ) { // if the geocoding succeeded, submit the form
        form.submit()
      }
    });

  });
});

フォームの送信ボタンが押されると、次のことが行われます (これは既に機能しています)。

  1. 結果が autosuggest クリックから既にジオコーディングされているかどうかを確認します
  2. そうでない場合は、ジオコーディング
  3. 成功した場合はフォームを送信します

ジオコードボタンが押されたときに、次のことを実行したい(これは機能しません):

  1. 結果が autosuggest クリックから既にジオコーディングされているかどうかを確認します
  2. そうでない場合は、ジオコーディング

私の質問は、2 回複製することなく、両方のスクリプトに同じコードを使用できるようにするにはどうすればよいかということです。私の考えは、次のことをすることでした:

  • フォームの送信を含む「フォームの送信」ボタンの機能を持っている
  • フォームの送信を含まないジオコード ボタンの機能を用意する

ある種のフラグを使用するのではなく、ボタンごとに関数を使用したいのですが、これを実装する方法に完全に行き詰まっており、作業するたびにスクリプトが完全に壊れてしまいます。私はJavaScriptが初めてです。

4

1 に答える 1