☰

Bricklink - Wanted List: Auto-View Image

Automatically views the image when adding an item to your wanted list.

当前为 2014-11-05 提交的版本，查看 最新版本。

  1. // ==UserScript==
  2. // @name         Bricklink - Wanted List: Auto-View Image
  3. // @namespace    http://badwing.com/
  4. // @version      0.1
  5. // @description  Automatically views the image when adding an item to your wanted list.
  6. // @author       Christopher Hiller
  7. // @include      http://www.bricklink.com/wantedAddDetail.asp?*
  8. // @require      //code.jquery.com/jquery-1.11.1.min.js 
  9. // ==/UserScript==
  10.  
  11. // reference to jQuery object of the <img> tag
  12. var img_thumb;
  13.  
  14. /**
  15.  * Given an ID, put the image in the placeholder.
  16.  * @param {string} id Part ID
  17.  */
  18. var getImage = function getImage(id) {
  19.     var src = '/getPic.asp?itemType=P&itemNo=' + id;
  20.     
  21.     $.ajaxQueue(src).done(function(src) { 
  22.         return function() {
  23.             img_thumb.attr('src', src);
  24.     	}; 
  25.     }(src));
  26. };
  27.  
  28. $(function() {
  29.     var txt_itemId = $('input[name="p_selecteditemID"]'),
  30.         val = txt_itemId.val();
  31.     img_thumb = $('img[name="img1"]');
  32.     
  33.     // no longer necessary
  34.     img_thumb.removeAttr('onerror');
  35.     
  36.     if (val) {
  37.         getImage(val);
  38.     }
  39.     
  40.     // update the img as the user types
  41.     txt_itemId.keyup(function() {
  42.         var val = this.value;
  43.         if (val) {
  44.             getImage(this.value);
  45.         }        
  46.     });
  47.     
  48.     // hide unneccessary garbage
  49.     $('input[name="imageType"]').next().css('visibility', 'hidden');
  50. });
  51.  
  52. /*! jQuery Ajax Queue - v0.1.2pre - 2013-03-19
  53. * https://github.com/gnarf37/jquery-ajaxQueue
  54. * Copyright (c) 2013 Corey Frang; Licensed MIT */
  55. (function($) {
  56.  
  57. // jQuery on an empty object, we are going to use this as our Queue
  58. var ajaxQueue = $({});
  59.  
  60. $.ajaxQueue = function( ajaxOpts ) {
  61.     var jqXHR,
  62.         dfd = $.Deferred(),
  63.         promise = dfd.promise();
  64.  
  65.     // run the actual query
  66.     function doRequest( next ) {
  67.         jqXHR = $.ajax( ajaxOpts );
  68.         jqXHR.done( dfd.resolve )
  69.             .fail( dfd.reject )
  70.             .then( next, next );
  71.     }
  72.  
  73.     // queue our ajax request
  74.     ajaxQueue.queue( doRequest );
  75.  
  76.     // add the abort method
  77.     promise.abort = function( statusText ) {
  78.  
  79.         // proxy abort to the jqXHR if it is active
  80.         if ( jqXHR ) {
  81.             return jqXHR.abort( statusText );
  82.         }
  83.  
  84.         // if there wasn't already a jqXHR we need to remove from queue
  85.         var queue = ajaxQueue.queue(),
  86.             index = $.inArray( doRequest, queue );
  87.  
  88.         if ( index > -1 ) {
  89.             queue.splice( index, 1 );
  90.         }
  91.  
  92.         // and then reject the deferred
  93.         dfd.rejectWith( ajaxOpts.context || ajaxOpts, [ promise, statusText, "" ] );
  94.         return promise;
  95.     };
  96.  
  97.     return promise;
  98. };
  99.  
  100. })(jQuery);