Common.js
הערה: לאחר השמירה, ייתכן שיהיה צורך לנקות את זיכרון המטמון (cache) של הדפדפן כדי להבחין בשינויים.
- פיירפוקס / ספארי: להחזיק את המקש Shift בעת לחיצה על טעינה מחדש (Reload), או ללחוץ על צירוף המקשים Ctrl-F5 או Ctrl-R (במחשב מק: ⌘-R).
- גוגל כרום: ללחוץ על צירוף המקשים Ctrl-Shift-R (במחשב מק: ⌘-Shift-R).
- אינטרנט אקספלורר / אדג': להחזיק את המקש Ctrl בעת לחיצה על רענן (Refresh), או ללחוץ על צירוף המקשים Ctrl-F5.
- אופרה: ללחוץ על Ctrl-F5.
/* כל הסקריפטים שנכתבים כאן ייטענו עבור כל המשתמשים בכל טעינת עמוד. */
$(".thumbimage").attr({ webkitallowfullscreen:"", allowfullscreen:"" });
! function () {
/** get all the <img> width class thumbimage **/
var imgs = document.querySelectorAll(".thumbimage[src*='pdf']");
var s = imgs.length,
viewer = "/w/upload/ViewerJS/#../sheatufim", // replace in word thumb in url
http = ""; // http or ViewerJS
var pdf = /([\\\/\:\"\'\?\<\>\|\.])/g; //Regular expression that seeks to precede the special characters "\"
var refactor = /^.*\/thumb/, // Regular expression for everything before the word thumb in the url
aux = "",
src = "",
alt = "",
refa = "";
for (var i = 0; i < s; i++) {
alt = encodeURI( imgs[i].getAttribute("alt") ); //Get attribute alt
aux = new RegExp("pdf" + ".*");
src = imgs[i].src; //Get Src the img
src = src.replace(aux, "pdf"); // Deletes everything after the word in the alt attribute
src = src.replace(refactor, http + viewer); // Applies the regular expression refactor and concatenates http and viewer
imgs[i].src = src;
refa = imgs[i].outerHTML.replace(/(<|(?:<\/))img/g, "$1iframe"); //change img for iframe
imgs[i].outerHTML = refa; //
// iframe.setAttribute('allowFullScreen', 'webkitallowfullscreen');
}
}();
/**
* FilterBox
* Adds an filter for topic page
* Credit to Stefano Cudini.
*
* @version 1.0.2 (2017-07-02)
* @source https://github.com/stefanocudini/bootstrap-list-filter
* @author Hagai Asaban
*/
function loadFilterBox() {
/*
* OPTIONS
*
* delay *millisecond before apply filter*
* minLength *min string lentgh searched*
* initial *search only initial text (default: true)*
* eventKey *event digit (default: 'keyup')*
* resetOnBlur *auto reset selection*
* sourceData *function generate data source(receive: text, callback)*
* sourceTmpl *html template contains {title} placeholder*
* sourceNode *function builder DOM html fragment (default: sourceTmpl)*
* emptyNode *function builder for empty result*
* itemEl *item selector (default: .list-group-item)*,
* itemChild *sub item selector (default: .list-group-item)*,
* itemFilter *function for filter results(receive: text, item)*
*/
$.fn.btsListFilter = function(inputEl, opts) {
'use strict';
var self = this,
searchlist$ = $(this),
inputEl$ = $(inputEl),
items$ = searchlist$,
callData,
callReq; //last callData execution
function tmpl(str, data) {
return str.replace(/\{ *([\w_]+) *\}/g, function (str, key) {
return data[key] || '';
});
}
function defaultItemFilter(item, val) {
val = val && val.replace(new RegExp("[({[^.$*+?\\\]})]","g"),'');
//sanitize regexp
var text = $(item).text(),
i = opts.initial ? '^' : '',
regSearch = new RegExp(i + val, opts.casesensitive ? '' : 'i');
return regSearch.test( text );
}
opts = $.extend({
delay: 300,
minLength: 1,
initial: true,
casesensitive: false,
eventKey: 'keyup',
resetOnBlur: true,
sourceData: null,
sourceTmpl: '<a class="list-group-item" href="#"><span>{title}</span></a>',
sourceNode: function(data) {
return tmpl(opts.sourceTmpl, data);
},
emptyNode: function(data) {
return '<a class="list-group-item well" href="#"><span>No Results</span></a>';
},
itemClassTmp: 'bts-dynamic-item',
itemEl: '.list-group-item',
itemChild: null,
itemFilter: defaultItemFilter
}, opts);
function debouncer(func, timeout) {
var timeoutID;
timeout = timeout || 300;
return function () {
var scope = this , args = arguments;
clearTimeout( timeoutID );
timeoutID = setTimeout( function () {
func.apply( scope , Array.prototype.slice.call( args ) );
}, timeout);
};
}
self.reset = function() {
searchlist$.unhighlight({ element: 'em', className: 'highlight' });
inputEl$.val('').trigger(opts.eventKey);
};
inputEl$.on(opts.eventKey, debouncer(function(e) {
var val = $(this).val();
if(opts.itemEl)
items$ = searchlist$.find(opts.itemEl);
if(opts.itemChild)
items$ = items$.find(opts.itemChild);
var contains = items$.filter(function(){
return opts.itemFilter.call(self, this, val);
}),
containsNot = items$.not(contains);
if (opts.itemChild){
contains = contains.parents(opts.itemEl);
containsNot = containsNot.parents(opts.itemEl).hide('slow');
}
items$.unhighlight({ element: 'em', className: 'highlight' });
if(val!=='' && val.length >= opts.minLength)
{
contains.highlight(val, { element: 'em', className: 'highlight' });
contains.show();
containsNot.hide('slow');
if($.type(opts.sourceData)==='function')
{
contains.hide('slow');
containsNot.hide('slow');
if(callReq)
{
if($.isFunction(callReq.abort))
callReq.abort();
else if($.isFunction(callReq.stop))
callReq.stop();
}
callReq = opts.sourceData.call(self, val, function(data) {
callReq = null;
contains.hide('slow');
containsNot.hide('slow');
searchlist$.find('.'+opts.itemClassTmp).remove();
if(!data || data.length===0)
$( opts.emptyNode.call(self, val) ).addClass(opts.itemClassTmp).appendTo(searchlist$);
else
for(var i in data)
$( opts.sourceNode.call(self, data[i]) ).addClass(opts.itemClassTmp).appendTo(searchlist$);
});
}
else {
searchlist$.find('.'+opts.itemClassTmp).remove();
if(contains.length===0)
$( opts.emptyNode.call(self, val) ).addClass(opts.itemClassTmp).appendTo(searchlist$);
}
}
else
{
contains.show();
containsNot.show();
searchlist$.find('.'+opts.itemClassTmp).remove();
}
}, opts.delay));
if(opts.resetOnBlur)
inputEl$.on('blur', function(e) {
self.reset();
});
return searchlist$;
};
}
function filterBox() {
if ($('#all-articles').length) {
loadFilterBox();
$('#all-articles > ul').btsListFilter('#filterbox', {
itemEl: 'li',
initial: false,
itemChild: 'a',
emptyNode: function(data) {
return '<li><a href="#">אין תוצאות</a></li>';
}
});
}
}
$( filterBox );
/*
* jQuery Highlight plugin
*
* Based on highlight v3 by Johann Burkard
* http://johannburkard.de/blog/programming/javascript/highlight-javascript-text-higlighting-jquery-plugin.html
*
* Code a little bit refactored and cleaned (in my humble opinion).
* Most important changes:
* - has an option to highlight only entire words (wordsOnly - false by default),
* - has an option to be case sensitive (caseSensitive - false by default)
* - highlight element tag and class names can be specified in options
*
* Usage:
* // wrap every occurrance of text 'lorem' in content
* // with <span class='highlight'> (default options)
* $('#content').highlight('lorem');
*
* // search for and highlight more terms at once
* // so you can save some time on traversing DOM
* $('#content').highlight(['lorem', 'ipsum']);
* $('#content').highlight('lorem ipsum');
*
* // search only for entire word 'lorem'
* $('#content').highlight('lorem', { wordsOnly: true });
*
* // don't ignore case during search of term 'lorem'
* $('#content').highlight('lorem', { caseSensitive: true });
*
* // wrap every occurrance of term 'ipsum' in content
* // with <em class='important'>
* $('#content').highlight('ipsum', { element: 'em', className: 'important' });
*
* // remove default highlight
* $('#content').unhighlight();
*
* // remove custom highlight
* $('#content').unhighlight({ element: 'em', className: 'important' });
*
*
* Copyright (c) 2009 Bartek Szopka
*
* Licensed under MIT license.
*
*/
jQuery.extend({
highlight: function (node, re, nodeName, className) {
if (node.nodeType === 3) {
var match = node.data.match(re);
if (match) {
var highlight = document.createElement(nodeName || 'span');
highlight.className = className || 'highlight';
var wordNode = node.splitText(match.index);
wordNode.splitText(match[0].length);
var wordClone = wordNode.cloneNode(true);
highlight.appendChild(wordClone);
wordNode.parentNode.replaceChild(highlight, wordNode);
return 1; //skip added node in parent
}
} else if ((node.nodeType === 1 && node.childNodes) && // only element nodes that have children
!/(script|style)/i.test(node.tagName) && // ignore script and style nodes
!(node.tagName === nodeName.toUpperCase() && node.className === className)) { // skip if already highlighted
for (var i = 0; i < node.childNodes.length; i++) {
i += jQuery.highlight(node.childNodes[i], re, nodeName, className);
}
}
return 0;
}
});
jQuery.fn.unhighlight = function (options) {
var settings = { className: 'highlight', element: 'span' };
jQuery.extend(settings, options);
return this.find(settings.element + "." + settings.className).each(function () {
var parent = this.parentNode;
parent.replaceChild(this.firstChild, this);
parent.normalize();
}).end();
};
jQuery.fn.highlight = function (words, options) {
var settings = { className: 'highlight', element: 'span', caseSensitive: false, wordsOnly: false };
jQuery.extend(settings, options);
if (words.constructor === String) {
words = [words];
}
words = jQuery.grep(words, function(word, i){
return word !== '';
});
words = jQuery.map(words, function(word, i) {
return word.replace(/[-[\]{}()*+?.,\\^$|#\s]/g, "\\$&");
});
if (words.length === 0) { return this; }
var flag = settings.caseSensitive ? "" : "i";
var pattern = "(" + words.join("|") + ")";
if (settings.wordsOnly) {
pattern = "\\b" + pattern + "\\b";
}
var re = new RegExp(pattern, flag);
return this.each(function () {
jQuery.highlight(this, re, settings.element, settings.className);
});
};