Common.js: הבדלים בין גרסאות בדף
(יצירת דף עם התוכן "←כל הסקריפטים שנכתבים כאן ייטענו עבור כל המשתמשים בכל טעינת עמוד.: $(".thumbimage").attr({ webkitallowf...") |
|||
שורה 31: | שורה 31: | ||
} | } | ||
}(); | }(); | ||
/** | |||
* 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); | |||
}); | |||
}; |
גרסה אחרונה מ־00:04, 13 בפברואר 2018
/* כל הסקריפטים שנכתבים כאן ייטענו עבור כל המשתמשים בכל טעינת עמוד. */
$(".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);
});
};