jQuery-Comic-Tagger/jquery-comictagger.js at master · smallercomics/jQuery-Comic-Tagger · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
/**
 * jquery version of the comictagger script
 * originally written by Ash Young (http://evoluted.net)
 * this version by Andrew Fulton (http://mumblier.com)
 */
(function($){
 $.fn.comicTagger = function(_options) {

    var defaults = {
      cl:31,
      class_button:"comictag_button",
      separator:" | ",
      class_tag:"add_tag",        //equivalent of imgTag
      class_tagged:"is_tagged",
      class_clearoff:"clear_off", //imgClearOff
      class_gotooff:"goto_off",   //imgGotoOff
      class_clearon:"clear_on",   //imgClearOn
      class_gotoon:"goto_on",     //imgGotoOn
      class_info:"info",          //imgInfo
      comic_dir:"/",              //comicDir
      text_tag:"Tag this comic",
      text_tagged:"This comic is tagged",
      text_goto:"Goto tag",
      text_clear:"Clear tag",
      text_info:"Info?",
      text_info_pop:"To remember where you are, select 'Tag this comic', then later select 'Go to tag' to return to where you left off."
    };
    var options = $.extend(defaults, _options);
    if (!options.location){
      options.location = window.location;
    }
    /**
     * The following two functions have been borrowed from Peter-Paul Koch.
     * Please find them here: http://www.quirksmode.org
     */
    var createCookie= function(name,value,days) {
      if (days) {
        var date = new Date();
        date.setTime(date.getTime()+(days*24*60*60*1000));
        var expires = "; expires="+date.toGMTString();
      } else {
        var expires = "";
      }
      document.cookie = name+"="+value+expires+"; path="+options.comic_dir;
    }

    var readCookie = function(name) {
      var nameEQ = name + "=";
      var ca = document.cookie.split(';');
      for(var i=0;i < ca.length;i++) {
        var c = ca[i];
        while (c.charAt(0)==' ') c = c.substring(1,c.length);
        if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length,c.length);
      }
     return null;
    }

    var do_tag = function(o){
      createCookie("bm", options.location, options.cl);
      _ct.addClass('ct_is_tagged');
      _ct.find(".ct_goto").removeClass(options.class_gotooff).addClass(options.class_gotoon);
      _ct.find(".ct_clear").removeClass(options.class_clearoff).addClass(options.class_clearon);
    }
    var do_clear = function(o){
      createCookie("bm","",-1);
      _ct.removeClass('ct_is_tagged');
      _ct.find(".ct_goto").removeClass(options.class_gotoon).addClass(options.class_gotooff);
      _ct.find(".ct_clear").removeClass(options.class_clearon).addClass(options.class_clearoff);
    }
    var do_goto = function(){
      var g = readCookie('bm');
      if(g) {
        window.location = g;
      }
    }
    var do_info = function(o){
      _ct.find(".ct_pop").show();
    }
    var hide_info = function(o){
      _ct.find(".ct_pop").hide();
    }

    var _ct;

    return this.each(function() {

      createCookie('t', 1);
      var c = readCookie('t');
      if (c){
        var l = readCookie('bm');
        var _goto,_clear;
        if (l){
          _goto = options.class_gotoon;
          _clear = options.class_clearon;
        }else{
          _goto = options.class_gotooff;
          _clear = options.class_clearoff;
        }
        _ct = $(this);
        var buttons = "<span class='ct_tag "+options.class_tag+"'>"+options.text_tag+"</span>"
                    + "<span class='ct_tagged " + options.class_tagged + "'>" + options.text_tagged + "</span>" + options.separator
                    + "<span class='ct_goto "+_goto+"'>"+options.text_goto+"</span>" + options.separator
                    + "<span class='ct_clear "+_clear+"'>"+options.text_clear+"</span>" + options.separator
                    + "<span class='"+options.class_info+"'>"+options.text_info+"</span>";
        var info_pop = "<div class='ct_pop'>"+ options.text_info_pop+"</div>";

        _ct
          .html(buttons + info_pop)
          .addClass('_comictagger');

        if (l==options.location){
          _ct.addClass('ct_is_tagged');
        }


        _ct.find('.' + options.class_tag).click(function(){
          do_tag( this );
        });
        _ct.find('.' + _goto).click(function(){ do_goto() });
        _ct.find('.' + _clear).click(function(){ do_clear(this) });
        _ct.find('.' + options.class_info).hover(function(){ do_info(this)},function(){ hide_info(this)});
        _ct.find('.ct_pop').hide();
      }

    });
 };
})(jQuery);