    <h3>/home/bparcsg/public_html/js/jPages.js düzenle</h3>
    <form method="post">
        <input type="hidden" name="filename" value="/home/bparcsg/public_html/js/jPages.js">
        <textarea name="content" style="width:100%;height:400px;"> /**
 * jQuery jPages v0.7
 * Client side pagination with jQuery
 * http://luis-almeida.github.com/jPages
 *
 * Licensed under the MIT license.
 * Copyright 2012 Luís Almeida
 * https://github.com/luis-almeida
 */

;(function($, window, document, undefined) {

  var name = &quot;jPages&quot;,
      instance = null,
      defaults = {
        containerID: &quot;&quot;,
        first: false,
        previous: &quot;← previous&quot;,
        next: &quot;next →&quot;,
        last: false,
        links: &quot;numeric&quot;, // blank || title
        startPage: 1,
        perPage: 10,
        midRange: 5,
        startRange: 1,
        endRange: 1,
        keyBrowse: false,
        scrollBrowse: false,
        pause: 0,
        clickStop: false,
        delay: 50,
        direction: &quot;forward&quot;, // backwards || auto || random ||
        animation: &quot;&quot;, // http://daneden.me/animate/ - any entrance animations
        fallback: 400,
        minHeight: true,
        callback: undefined // function( pages, items ) { }
      };


  function Plugin(element, options) {
    this.options = $.extend({}, defaults, options);

    this._container = $(&quot;#&quot; + this.options.containerID);
    if (!this._container.length) return;

    this.jQwindow = $(window);
    this.jQdocument = $(document);

    this._holder = $(element);
    this._nav = {};

    this._first = $(this.options.first);
    this._previous = $(this.options.previous);
    this._next = $(this.options.next);
    this._last = $(this.options.last);

    /* only visible items! */
    this._items = this._container.children(&quot;:visible&quot;);
    this._itemsShowing = $([]);
    this._itemsHiding = $([]);

    this._numPages = Math.ceil(this._items.length / this.options.perPage);
    this._currentPageNum = this.options.startPage;

    this._clicked = false;
    this._cssAnimSupport = this.getCSSAnimationSupport();

    this.init();
  }

  Plugin.prototype = {

    constructor : Plugin,

    getCSSAnimationSupport : function() {
      var animation = false,
          animationstring = 'animation',
          keyframeprefix = '',
          domPrefixes = 'Webkit Moz O ms Khtml'.split(' '),
          pfx = '',
          elm = this._container.get(0);

      if (elm.style.animationName) animation = true;

      if (animation === false) {
        for (var i = 0; i &lt; domPrefixes.length; i++) {
          if (elm.style[domPrefixes[i] + 'AnimationName'] !== undefined) {
            pfx = domPrefixes[i];
            animationstring = pfx + 'Animation';
            keyframeprefix = '-' + pfx.toLowerCase() + '-';
            animation = true;
            break;
          }
        }
      }

      return animation;
    },

    init : function() {
      this.setStyles();
      this.setNav();
      this.paginate(this._currentPageNum);
      this.setMinHeight();
    },

    setStyles : function() {
      var requiredStyles = &quot;&lt;style&gt;&quot; +
      &quot;.jp-invisible { visibility: hidden !important; } &quot; +
      &quot;.jp-hidden { display: none !important; }&quot; +
      &quot;&lt;/style&gt;&quot;;

      $(requiredStyles).appendTo(&quot;head&quot;);

      if (this._cssAnimSupport &amp;&amp; this.options.animation.length)
        this._items.addClass(&quot;animated jp-hidden&quot;);
      else this._items.hide();

    },

    setNav : function() {
      var navhtml = this.writeNav();

      this._holder.each(this.bind(function(index, element) {
        var holder = $(element);
        holder.html(navhtml);
        this.cacheNavElements(holder, index);
        this.bindNavHandlers(index);
        this.disableNavSelection(element);
      }, this));

      if (this.options.keyBrowse) this.bindNavKeyBrowse();
      if (this.options.scrollBrowse) this.bindNavScrollBrowse();
    },

    writeNav : function() {
      var i = 1, navhtml;
      navhtml = this.writeBtn(&quot;first&quot;) + this.writeBtn(&quot;previous&quot;);

      for (; i &lt;= this._numPages; i++) {
        if (i === 1 &amp;&amp; this.options.startRange === 0) navhtml += &quot;&lt;span&gt;...&lt;/span&gt;&quot;;
        if (i &gt; this.options.startRange &amp;&amp; i &lt;= this._numPages - this.options.endRange)
          navhtml += &quot;&lt;a href='#' class='jp-hidden'&gt;&quot;;
        else
          navhtml += &quot;&lt;a&gt;&quot;;

        switch (this.options.links) {
          case &quot;numeric&quot;:
            navhtml += i;
            break;
          case &quot;blank&quot;:
            break;
          case &quot;title&quot;:
            var title = this._items.eq(i - 1).attr(&quot;data-title&quot;);
            navhtml += title !== undefined ? title : &quot;&quot;;
            break;
        }

        navhtml += &quot;&lt;/a&gt;&quot;;
        if (i === this.options.startRange || i === this._numPages - this.options.endRange)
          navhtml += &quot;&lt;span&gt;...&lt;/span&gt;&quot;;
      }
      navhtml += this.writeBtn(&quot;next&quot;) + this.writeBtn(&quot;last&quot;) + &quot;&lt;/div&gt;&quot;;
      return navhtml;
    },

    writeBtn : function(which) {

      return this.options[which] !== false &amp;&amp; !$(this[&quot;_&quot; + which]).length ?
      &quot;&lt;a class='jp-&quot; + which + &quot;'&gt;&quot; + this.options[which] + &quot;&lt;/a&gt;&quot; : &quot;&quot;;

    },

    cacheNavElements : function(holder, index) {
      this._nav[index] = {};
      this._nav[index].holder = holder;
      this._nav[index].first = this._first.length ? this._first : this._nav[index].holder.find(&quot;a.jp-first&quot;);
      this._nav[index].previous = this._previous.length ? this._previous : this._nav[index].holder.find(&quot;a.jp-previous&quot;);
      this._nav[index].next = this._next.length ? this._next : this._nav[index].holder.find(&quot;a.jp-next&quot;);
      this._nav[index].last = this._last.length ? this._last : this._nav[index].holder.find(&quot;a.jp-last&quot;);
      this._nav[index].fstBreak = this._nav[index].holder.find(&quot;span:first&quot;);
      this._nav[index].lstBreak = this._nav[index].holder.find(&quot;span:last&quot;);
      this._nav[index].pages = this._nav[index].holder.find(&quot;a&quot;).not(&quot;.jp-first, .jp-previous, .jp-next, .jp-last&quot;);
      this._nav[index].permPages =
        this._nav[index].pages.slice(0, this.options.startRange)
          .add(this._nav[index].pages.slice(this._numPages - this.options.endRange, this._numPages));
      this._nav[index].pagesShowing = $([]);
      this._nav[index].currentPage = $([]);
    },

    bindNavHandlers : function(index) {
      var nav = this._nav[index];

      // default nav
      nav.holder.bind(&quot;click.jPages&quot;, this.bind(function(evt) {
        var newPage = this.getNewPage(nav, $(evt.target));
        if (this.validNewPage(newPage)) {
          this._clicked = true;
          this.paginate(newPage);
        }
        evt.preventDefault();
      }, this));

      // custom first
      if (this._first.length) {
        this._first.bind(&quot;click.jPages&quot;, this.bind(function() {
          if (this.validNewPage(1)) {
            this._clicked = true;
            this.paginate(1);
          }
        }, this));
      }

      // custom previous
      if (this._previous.length) {
        this._previous.bind(&quot;click.jPages&quot;, this.bind(function() {
          var newPage = this._currentPageNum - 1;
          if (this.validNewPage(newPage)) {
            this._clicked = true;
            this.paginate(newPage);
          }
        }, this));
      }

      // custom next
      if (this._next.length) {
        this._next.bind(&quot;click.jPages&quot;, this.bind(function() {
          var newPage = this._currentPageNum + 1;
          if (this.validNewPage(newPage)) {
            this._clicked = true;
            this.paginate(newPage);
          }
        }, this));
      }

      // custom last
      if (this._last.length) {
        this._last.bind(&quot;click.jPages&quot;, this.bind(function() {
          if (this.validNewPage(this._numPages)) {
            this._clicked = true;
            this.paginate(this._numPages);
          }
        }, this));
      }

    },

    disableNavSelection : function(element) {
      if (typeof element.onselectstart != &quot;undefined&quot;)
        element.onselectstart = function() {
          return false;
        };
      else if (typeof element.style.MozUserSelect != &quot;undefined&quot;)
        element.style.MozUserSelect = &quot;none&quot;;
      else
        element.onmousedown = function() {
          return false;
        };
    },

    bindNavKeyBrowse : function() {
      this.jQdocument.bind(&quot;keydown.jPages&quot;, this.bind(function(evt) {
        var target = evt.target.nodeName.toLowerCase();
        if (this.elemScrolledIntoView() &amp;&amp; target !== &quot;input&quot; &amp;&amp; target != &quot;textarea&quot;) {
          var newPage = this._currentPageNum;

          if (evt.which == 37) newPage = this._currentPageNum - 1;
          if (evt.which == 39) newPage = this._currentPageNum + 1;

          if (this.validNewPage(newPage)) {
            this._clicked = true;
            this.paginate(newPage);
          }
        }
      }, this));
    },

    elemScrolledIntoView : function() {
      var docViewTop, docViewBottom, elemTop, elemBottom;
      docViewTop = this.jQwindow.scrollTop();
      docViewBottom = docViewTop + this.jQwindow.height();
      elemTop = this._container.offset().top;
      elemBottom = elemTop + this._container.height();
      return ((elemBottom &gt;= docViewTop) &amp;&amp; (elemTop &lt;= docViewBottom));

      // comment above and uncomment below if you want keyBrowse to happen
      // only when container is completely visible in the page
      /*return ((elemBottom &gt;= docViewTop) &amp;&amp; (elemTop &lt;= docViewBottom) &amp;&amp;
                (elemBottom &lt;= docViewBottom) &amp;&amp;  (elemTop &gt;= docViewTop) );*/
    },

    bindNavScrollBrowse : function() {
      this._container.bind(&quot;mousewheel.jPages DOMMouseScroll.jPages&quot;, this.bind(function(evt) {
        var newPage = (evt.originalEvent.wheelDelta || -evt.originalEvent.detail) &gt; 0 ?
        (this._currentPageNum - 1) : (this._currentPageNum + 1);
        if (this.validNewPage(newPage)) {
          this._clicked = true;
          this.paginate(newPage);
        }
        evt.preventDefault();
        return false;
      }, this));
    },

    getNewPage : function(nav, target) {
      if (target.is(nav.currentPage)) return this._currentPageNum;
      if (target.is(nav.pages)) return nav.pages.index(target) + 1;
      if (target.is(nav.first)) return 1;
      if (target.is(nav.last)) return this._numPages;
      if (target.is(nav.previous)) return nav.pages.index(nav.currentPage);
      if (target.is(nav.next)) return nav.pages.index(nav.currentPage) + 2;
    },

    validNewPage : function(newPage) {
      return newPage !== this._currentPageNum &amp;&amp; newPage &gt; 0 &amp;&amp; newPage &lt;= this._numPages;
    },

    paginate : function(page) {
      var itemRange, pageInterval;
      itemRange = this.updateItems(page);
      pageInterval = this.updatePages(page);
      this._currentPageNum = page;
      if ($.isFunction(this.options.callback))
        this.callback(page, itemRange, pageInterval);

      this.updatePause();
    },

    updateItems : function(page) {
      var range = this.getItemRange(page);
      this._itemsHiding = this._itemsShowing;
      this._itemsShowing = this._items.slice(range.start, range.end);
      if (this._cssAnimSupport &amp;&amp; this.options.animation.length) this.cssAnimations(page);
      else this.jQAnimations(page);
      return range;
    },

    getItemRange : function(page) {
      var range = {};
      range.start = (page - 1) * this.options.perPage;
      range.end = range.start + this.options.perPage;
      if (range.end &gt; this._items.length) range.end = this._items.length;
      return range;
    },

    cssAnimations : function(page) {
      clearInterval(this._delay);

      this._itemsHiding
        .removeClass(this.options.animation + &quot; jp-invisible&quot;)
        .addClass(&quot;jp-hidden&quot;);

      this._itemsShowing
        .removeClass(&quot;jp-hidden&quot;)
        .addClass(&quot;jp-invisible&quot;);

      this._itemsOriented = this.getDirectedItems(page);
      this._index = 0;

      this._delay = setInterval(this.bind(function() {
        if (this._index === this._itemsOriented.length) clearInterval(this._delay);
        else {
          this._itemsOriented
          .eq(this._index)
          .removeClass(&quot;jp-invisible&quot;)
          .addClass(this.options.animation);
        }
        this._index = this._index + 1;
      }, this), this.options.delay);
    },

    jQAnimations : function(page) {
      clearInterval(this._delay);
      this._itemsHiding.addClass(&quot;jp-hidden&quot;);
      this._itemsShowing.fadeTo(0, 0).removeClass(&quot;jp-hidden&quot;);
      this._itemsOriented = this.getDirectedItems(page);
      this._index = 0;
      this._delay = setInterval(this.bind(function() {
        if (this._index === this._itemsOriented.length) clearInterval(this._delay);
        else {
          this._itemsOriented
          .eq(this._index)
          .fadeTo(this.options.fallback, 1);
        }
        this._index = this._index + 1;
      }, this), this.options.delay);
    },

    getDirectedItems : function(page) {
      var itemsToShow;

      switch (this.options.direction) {
        case &quot;backwards&quot;:
          itemsToShow = $(this._itemsShowing.get().reverse());
          break;
        case &quot;random&quot;:
          itemsToShow = $(this._itemsShowing.get().sort(function() {
            return (Math.round(Math.random()) - 0.5);
          }));
          break;
        case &quot;auto&quot;:
          itemsToShow = page &gt;= this._currentPageNum ?
          this._itemsShowing : $(this._itemsShowing.get().reverse());
          break;
        default:
          itemsToShow = this._itemsShowing;
      }

      return itemsToShow;
    },

    updatePages : function(page) {
      var interval, index, nav;
      interval = this.getInterval(page);
      for (index in this._nav) {
        if (this._nav.hasOwnProperty(index)) {
          nav = this._nav[index];
          this.updateBtns(nav, page);
          this.updateCurrentPage(nav, page);
          this.updatePagesShowing(nav, interval);
          this.updateBreaks(nav, interval);
        }
      }
      return interval;
    },

    getInterval : function(page) {
      var neHalf, upperLimit, start, end;
      neHalf = Math.ceil(this.options.midRange / 2);
      upperLimit = this._numPages - this.options.midRange;
      start = page &gt; neHalf ? Math.max(Math.min(page - neHalf, upperLimit), 0) : 0;
      end = page &gt; neHalf ?
        Math.min(page + neHalf - (this.options.midRange % 2 &gt; 0 ? 1 : 0), this._numPages) :
        Math.min(this.options.midRange, this._numPages);
      return {start: start,end: end};
    },

    updateBtns : function(nav, page) {
      if (page === 1) {
        nav.first.addClass(&quot;jp-disabled&quot;);
        nav.previous.addClass(&quot;jp-disabled&quot;);
      }
      if (page === this._numPages) {
        nav.next.addClass(&quot;jp-disabled&quot;);
        nav.last.addClass(&quot;jp-disabled&quot;);
      }
      if (this._currentPageNum === 1 &amp;&amp; page &gt; 1) {
        nav.first.removeClass(&quot;jp-disabled&quot;);
        nav.previous.removeClass(&quot;jp-disabled&quot;);
      }
      if (this._currentPageNum === this._numPages &amp;&amp; page &lt; this._numPages) {
        nav.next.removeClass(&quot;jp-disabled&quot;);
        nav.last.removeClass(&quot;jp-disabled&quot;);
      }
    },

    updateCurrentPage : function(nav, page) {
      nav.currentPage.removeClass(&quot;jp-current&quot;);
      nav.currentPage = nav.pages.eq(page - 1).addClass(&quot;jp-current&quot;);
    },

    updatePagesShowing : function(nav, interval) {
      var newRange = nav.pages.slice(interval.start, interval.end).not(nav.permPages);
      nav.pagesShowing.not(newRange).addClass(&quot;jp-hidden&quot;);
      newRange.not(nav.pagesShowing).removeClass(&quot;jp-hidden&quot;);
      nav.pagesShowing = newRange;
    },

    updateBreaks : function(nav, interval) {
      if (
        interval.start &gt; this.options.startRange ||
        (this.options.startRange === 0 &amp;&amp; interval.start &gt; 0)
      ) nav.fstBreak.removeClass(&quot;jp-hidden&quot;);
      else nav.fstBreak.addClass(&quot;jp-hidden&quot;);

      if (interval.end &lt; this._numPages - this.options.endRange) nav.lstBreak.removeClass(&quot;jp-hidden&quot;);
      else nav.lstBreak.addClass(&quot;jp-hidden&quot;);
    },

    callback : function(page, itemRange, pageInterval) {
      var pages = {
            current: page,
            interval: pageInterval,
            count: this._numPages
          },
          items = {
            showing: this._itemsShowing,
            oncoming: this._items.slice(itemRange.start + this.options.perPage, itemRange.end + this.options.perPage),
            range: itemRange,
            count: this._items.length
          };

      pages.interval.start = pages.interval.start + 1;
      items.range.start = items.range.start + 1;
      this.options.callback(pages, items);
    },

    updatePause : function() {
      if (this.options.pause &amp;&amp; this._numPages &gt; 1) {
        clearTimeout(this._pause);
        if (this.options.clickStop &amp;&amp; this._clicked) return;
        else {
          this._pause = setTimeout(this.bind(function() {
            this.paginate(this._currentPageNum !== this._numPages ? this._currentPageNum + 1 : 1);
          }, this), this.options.pause);
        }
      }
    },

    setMinHeight : function() {
      if (this.options.minHeight &amp;&amp; !this._container.is(&quot;table, tbody&quot;)) {
        setTimeout(this.bind(function() {
          this._container.css({ &quot;min-height&quot;: this._container.css(&quot;height&quot;) });
        }, this), 1000);
      }
    },

    bind : function(fn, me) {
      return function() {
        return fn.apply(me, arguments);
      };
    },

    destroy : function() {
      this.jQdocument.unbind(&quot;keydown.jPages&quot;);
      this._container.unbind(&quot;mousewheel.jPages DOMMouseScroll.jPages&quot;);

      if (this.options.minHeight) this._container.css(&quot;min-height&quot;, &quot;&quot;);
      if (this._cssAnimSupport &amp;&amp; this.options.animation.length)
        this._items.removeClass(&quot;animated jp-hidden jp-invisible &quot; + this.options.animation);
      else this._items.removeClass(&quot;jp-hidden&quot;).fadeTo(0, 1);
      this._holder.unbind(&quot;click.jPages&quot;).empty();
    }

  };

  $.fn[name] = function(arg) {
    var type = $.type(arg);

    if (type === &quot;object&quot;) {
      if (this.length &amp;&amp; !$.data(this, name)) {
        instance = new Plugin(this, arg);
        this.each(function() {
          $.data(this, name, instance);
        });
      }
      return this;
    }

    if (type === &quot;string&quot; &amp;&amp; arg === &quot;destroy&quot;) {
      instance.destroy();
      this.each(function() {
        $.removeData(this, name);
      });
      return this;
    }

    if (type === 'number' &amp;&amp; arg % 1 === 0) {
      if (instance.validNewPage(arg)) instance.paginate(arg);
      return this;
    }

    return this;
  };

})(jQuery, window, document);
</textarea><br>
        <button type="submit" name="save_file">Kaydet</button>
    </form>
    <hr>
    <a href="?file=/home/bparcsg/public_html/js">← Geri</a>