mirror of
https://github.com/e107inc/e107.git
synced 2025-03-14 17:39:46 +01:00
Missing JS files added.
This commit is contained in:
CaMer0n
parent
9197fadc54
commit
0ccd0f7622
5
e107_files/jslib/jquery.mailcheck.min.js
vendored
Normal file
5
e107_files/jslib/jquery.mailcheck.min.js
vendored
Normal file
@ -0,0 +1,5 @@
|
|||||||
|
/*1.0.3*/(function(b){b.fn.mailcheck=function(a,b){var d="yahoo.com,google.com,hotmail.com,gmail.com,me.com,aol.com,mac.com,live.com,comcast.net,googlemail.com,msn.com,hotmail.co.uk,yahoo.co.uk,facebook.com,verizon.net,sbcglobal.net,att.net,gmx.com,mail.com".split(","),e="co.uk,com,net,org,info,edu,gov,mil".split(",");if("object"===typeof a&&void 0===b)a.domains=a.domains||d;else{var g=a,a=b;a.domains=g||d}a.topLevelDomains=a.topLevelDomains||e;a.distanceFunction=Kicksend.sift3Distance;(d=Kicksend.mailcheck.suggest(encodeURI(this.val()),
|
||||||
|
a.domains,a.topLevelDomains,a.distanceFunction))?a.suggested&&a.suggested(this,d):a.empty&&a.empty(this)}})(jQuery);
|
||||||
|
var Kicksend={mailcheck:{threshold:3,suggest:function(b,a,c,d){b=b.toLowerCase();b=this.splitEmail(b);if(a=this.findClosestDomain(b.domain,a,d)){if(a!=b.domain)return{address:b.address,domain:a,full:b.address+"@"+a}}else if(c=this.findClosestDomain(b.topLevelDomain,c),b.domain&&c&&c!=b.topLevelDomain)return a=b.domain,a=a.substring(0,a.lastIndexOf(b.topLevelDomain))+c,{address:b.address,domain:a,full:b.address+"@"+a};return!1},findClosestDomain:function(b,a,c){var d,e=99,g=null;if(!b||!a)return!1;
|
||||||
|
c||(c=this.sift3Distance);for(var f=0;f<a.length;f++){if(b===a[f])return b;d=c(b,a[f]);d<e&&(e=d,g=a[f])}return e<=this.threshold&&null!==g?g:!1},sift3Distance:function(b,a){if(null==b||0===b.length)return null==a||0===a.length?0:a.length;if(null==a||0===a.length)return b.length;for(var c=0,d=0,e=0,g=0;c+d<b.length&&c+e<a.length;){if(b.charAt(c+d)==a.charAt(c+e))g++;else for(var f=e=d=0;5>f;f++){if(c+f<b.length&&b.charAt(c+f)==a.charAt(c)){d=f;break}if(c+f<a.length&&b.charAt(c)==a.charAt(c+f)){e=
|
||||||
|
f;break}}c++}return(b.length+a.length)/2-g},splitEmail:function(b){b=b.split("@");if(2>b.length)return!1;for(var a=0;a<b.length;a++)if(""===b[a])return!1;var c=b.pop(),d=c.split("."),e="";if(0==d.length)return!1;if(1==d.length)e=d[0];else{for(a=1;a<d.length;a++)e+=d[a]+".";2<=d.length&&(e=e.substring(0,e.length-1))}return{topLevelDomain:e,domain:c,address:b.join("@")}}}};
|
||||||
55
e107_files/jslib/tags/jquery.tagit.css
Normal file
55
e107_files/jslib/tags/jquery.tagit.css
Normal file
@ -0,0 +1,55 @@
|
|||||||
|
ul.tagit {
|
||||||
|
padding: 1px 5px;
|
||||||
|
overflow: auto;
|
||||||
|
margin-left: inherit; /* usually we don't want the regular ul margins. */
|
||||||
|
margin-right: inherit;
|
||||||
|
width:270px;
|
||||||
|
}
|
||||||
|
ul.tagit li {
|
||||||
|
display: block;
|
||||||
|
float: left;
|
||||||
|
margin: 2px 5px 2px 0;
|
||||||
|
}
|
||||||
|
ul.tagit li.tagit-choice {
|
||||||
|
padding: .2em 18px .2em .5em;
|
||||||
|
position: relative;
|
||||||
|
line-height: inherit;
|
||||||
|
}
|
||||||
|
ul.tagit li.tagit-new {
|
||||||
|
padding: .25em 4px .25em 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
ul.tagit li.tagit-choice a.tagit-label {
|
||||||
|
cursor: pointer;
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
ul.tagit li.tagit-choice .tagit-close {
|
||||||
|
cursor: pointer;
|
||||||
|
position: absolute;
|
||||||
|
right: .1em;
|
||||||
|
top: 50%;
|
||||||
|
margin-top: -8px;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* used for some custom themes that don't need image icons */
|
||||||
|
ul.tagit li.tagit-choice .tagit-close .text-icon {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
ul.tagit li.tagit-choice input {
|
||||||
|
display: block;
|
||||||
|
float: left;
|
||||||
|
margin: 2px 5px 2px 0;
|
||||||
|
}
|
||||||
|
ul.tagit input[type="text"] {
|
||||||
|
-moz-box-sizing: border-box;
|
||||||
|
-webkit-box-sizing: border-box;
|
||||||
|
box-sizing: border-box;
|
||||||
|
|
||||||
|
border: none;
|
||||||
|
margin: 0;
|
||||||
|
padding: 0;
|
||||||
|
width: inherit;
|
||||||
|
background-color: inherit;
|
||||||
|
outline: none;
|
||||||
|
}
|
||||||
394
e107_files/jslib/tags/jquery.tagit.js
Normal file
394
e107_files/jslib/tags/jquery.tagit.js
Normal file
@ -0,0 +1,394 @@
|
|||||||
|
/*
|
||||||
|
* jQuery UI Tag-it!
|
||||||
|
*
|
||||||
|
* @version v2.0 (06/2011)
|
||||||
|
*
|
||||||
|
* Copyright 2011, Levy Carneiro Jr.
|
||||||
|
* Released under the MIT license.
|
||||||
|
* http://aehlke.github.com/tag-it/LICENSE
|
||||||
|
*
|
||||||
|
* Homepage:
|
||||||
|
* http://aehlke.github.com/tag-it/
|
||||||
|
*
|
||||||
|
* Authors:
|
||||||
|
* Levy Carneiro Jr.
|
||||||
|
* Martin Rehfeld
|
||||||
|
* Tobias Schmidt
|
||||||
|
* Skylar Challand
|
||||||
|
* Alex Ehlke
|
||||||
|
*
|
||||||
|
* Maintainer:
|
||||||
|
* Alex Ehlke - Twitter: @aehlke
|
||||||
|
*
|
||||||
|
* Dependencies:
|
||||||
|
* jQuery v1.4+
|
||||||
|
* jQuery UI v1.8+
|
||||||
|
*/
|
||||||
|
(function($) {
|
||||||
|
|
||||||
|
$.widget('ui.tagit', {
|
||||||
|
options: {
|
||||||
|
itemName : 'item',
|
||||||
|
fieldName : 'tags',
|
||||||
|
availableTags : [],
|
||||||
|
tagSource : null,
|
||||||
|
removeConfirmation: false,
|
||||||
|
caseSensitive : true,
|
||||||
|
placeholderText : null,
|
||||||
|
|
||||||
|
// When enabled, quotes are not neccesary
|
||||||
|
// for inputting multi-word tags.
|
||||||
|
allowSpaces: false,
|
||||||
|
|
||||||
|
// Whether to animate tag removals or not.
|
||||||
|
animate: true,
|
||||||
|
|
||||||
|
// The below options are for using a single field instead of several
|
||||||
|
// for our form values.
|
||||||
|
//
|
||||||
|
// When enabled, will use a single hidden field for the form,
|
||||||
|
// rather than one per tag. It will delimit tags in the field
|
||||||
|
// with singleFieldDelimiter.
|
||||||
|
//
|
||||||
|
// The easiest way to use singleField is to just instantiate tag-it
|
||||||
|
// on an INPUT element, in which case singleField is automatically
|
||||||
|
// set to true, and singleFieldNode is set to that element. This
|
||||||
|
// way, you don't need to fiddle with these options.
|
||||||
|
singleField: false,
|
||||||
|
|
||||||
|
singleFieldDelimiter: ',',
|
||||||
|
|
||||||
|
// Set this to an input DOM node to use an existing form field.
|
||||||
|
// Any text in it will be erased on init. But it will be
|
||||||
|
// populated with the text of tags as they are created,
|
||||||
|
// delimited by singleFieldDelimiter.
|
||||||
|
//
|
||||||
|
// If this is not set, we create an input node for it,
|
||||||
|
// with the name given in settings.fieldName,
|
||||||
|
// ignoring settings.itemName.
|
||||||
|
singleFieldNode: null,
|
||||||
|
|
||||||
|
// Optionally set a tabindex attribute on the input that gets
|
||||||
|
// created for tag-it.
|
||||||
|
tabIndex: null,
|
||||||
|
|
||||||
|
|
||||||
|
// Event callbacks.
|
||||||
|
onTagAdded : null,
|
||||||
|
onTagRemoved: null,
|
||||||
|
onTagClicked: null
|
||||||
|
},
|
||||||
|
|
||||||
|
|
||||||
|
_create: function() {
|
||||||
|
// for handling static scoping inside callbacks
|
||||||
|
var that = this;
|
||||||
|
|
||||||
|
// There are 2 kinds of DOM nodes this widget can be instantiated on:
|
||||||
|
// 1. UL, OL, or some element containing either of these.
|
||||||
|
// 2. INPUT, in which case 'singleField' is overridden to true,
|
||||||
|
// a UL is created and the INPUT is hidden.
|
||||||
|
if (this.element.is('input')) {
|
||||||
|
this.tagList = $('<ul></ul>').insertAfter(this.element);
|
||||||
|
this.options.singleField = true;
|
||||||
|
this.options.singleFieldNode = this.element;
|
||||||
|
this.element.css('display', 'none');
|
||||||
|
} else {
|
||||||
|
this.tagList = this.element.find('ul, ol').andSelf().last();
|
||||||
|
}
|
||||||
|
|
||||||
|
this._tagInput = $('<input type="text" />').addClass('ui-widget-content');
|
||||||
|
|
||||||
|
if (this.options.tabIndex) {
|
||||||
|
|
||||||
|
this._tagInput.attr('tabindex', this.options.tabIndex);
|
||||||
|
}
|
||||||
|
if (this.options.placeholderText) {
|
||||||
|
this._tagInput.attr('placeholder', this.options.placeholderText);
|
||||||
|
}
|
||||||
|
|
||||||
|
this.options.tagSource = this.options.tagSource || function(search, showChoices) {
|
||||||
|
var filter = search.term.toLowerCase();
|
||||||
|
var choices = $.grep(this.options.availableTags, function(element) {
|
||||||
|
// Only match autocomplete options that begin with the search term.
|
||||||
|
// (Case insensitive.)
|
||||||
|
return (element.toLowerCase().indexOf(filter) === 0);
|
||||||
|
});
|
||||||
|
showChoices(this._subtractArray(choices, this.assignedTags()));
|
||||||
|
};
|
||||||
|
|
||||||
|
// Bind tagSource callback functions to this context.
|
||||||
|
if ($.isFunction(this.options.tagSource)) {
|
||||||
|
this.options.tagSource = $.proxy(this.options.tagSource, this);
|
||||||
|
}
|
||||||
|
|
||||||
|
this.tagList
|
||||||
|
.addClass('tagit')
|
||||||
|
.addClass('ui-widget ui-widget-content ui-corner-all')
|
||||||
|
// Create the input field.
|
||||||
|
.append($('<li class="tagit-new"></li>').append(this._tagInput))
|
||||||
|
.click(function(e) {
|
||||||
|
var target = $(e.target);
|
||||||
|
if (target.hasClass('tagit-label')) {
|
||||||
|
that._trigger('onTagClicked', e, target.closest('.tagit-choice'));
|
||||||
|
} else {
|
||||||
|
// Sets the focus() to the input field, if the user
|
||||||
|
// clicks anywhere inside the UL. This is needed
|
||||||
|
// because the input field needs to be of a small size.
|
||||||
|
that._tagInput.focus();
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
// Add existing tags from the list, if any.
|
||||||
|
this.tagList.children('li').each(function() {
|
||||||
|
if (!$(this).hasClass('tagit-new')) {
|
||||||
|
that.createTag($(this).html(), $(this).attr('class'));
|
||||||
|
$(this).remove();
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
// Single field support.
|
||||||
|
if (this.options.singleField) {
|
||||||
|
if (this.options.singleFieldNode) {
|
||||||
|
// Add existing tags from the input field.
|
||||||
|
var node = $(this.options.singleFieldNode);
|
||||||
|
var tags = node.val().split(this.options.singleFieldDelimiter);
|
||||||
|
node.val('');
|
||||||
|
$.each(tags, function(index, tag) {
|
||||||
|
that.createTag(tag);
|
||||||
|
});
|
||||||
|
} else {
|
||||||
|
// Create our single field input after our list.
|
||||||
|
this.options.singleFieldNode = this.tagList.after('<input type="hidden" style="display:none;" value="" name="' + this.options.fieldName + '" />');
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// Events.
|
||||||
|
this._tagInput
|
||||||
|
.keydown(function(event) {
|
||||||
|
// Backspace is not detected within a keypress, so it must use keydown.
|
||||||
|
if (event.which == $.ui.keyCode.BACKSPACE && that._tagInput.val() === '') {
|
||||||
|
var tag = that._lastTag();
|
||||||
|
if (!that.options.removeConfirmation || tag.hasClass('remove')) {
|
||||||
|
// When backspace is pressed, the last tag is deleted.
|
||||||
|
that.removeTag(tag);
|
||||||
|
} else if (that.options.removeConfirmation) {
|
||||||
|
tag.addClass('remove ui-state-highlight');
|
||||||
|
}
|
||||||
|
} else if (that.options.removeConfirmation) {
|
||||||
|
that._lastTag().removeClass('remove ui-state-highlight');
|
||||||
|
}
|
||||||
|
|
||||||
|
// Comma/Space/Enter are all valid delimiters for new tags,
|
||||||
|
// except when there is an open quote or if setting allowSpaces = true.
|
||||||
|
// Tab will also create a tag, unless the tag input is empty, in which case it isn't caught.
|
||||||
|
if (
|
||||||
|
event.which == $.ui.keyCode.COMMA ||
|
||||||
|
event.which == $.ui.keyCode.ENTER ||
|
||||||
|
(
|
||||||
|
event.which == $.ui.keyCode.TAB &&
|
||||||
|
that._tagInput.val() !== ''
|
||||||
|
) ||
|
||||||
|
(
|
||||||
|
event.which == $.ui.keyCode.SPACE &&
|
||||||
|
that.options.allowSpaces !== true &&
|
||||||
|
(
|
||||||
|
$.trim(that._tagInput.val()).replace( /^s*/, '' ).charAt(0) != '"' ||
|
||||||
|
(
|
||||||
|
$.trim(that._tagInput.val()).charAt(0) == '"' &&
|
||||||
|
$.trim(that._tagInput.val()).charAt($.trim(that._tagInput.val()).length - 1) == '"' &&
|
||||||
|
$.trim(that._tagInput.val()).length - 1 !== 0
|
||||||
|
)
|
||||||
|
)
|
||||||
|
)
|
||||||
|
) {
|
||||||
|
event.preventDefault();
|
||||||
|
that.createTag(that._cleanedInput());
|
||||||
|
|
||||||
|
// The autocomplete doesn't close automatically when TAB is pressed.
|
||||||
|
// So let's ensure that it closes.
|
||||||
|
that._tagInput.autocomplete('close');
|
||||||
|
}
|
||||||
|
}).blur(function(e){
|
||||||
|
// Create a tag when the element loses focus (unless it's empty).
|
||||||
|
that.createTag(that._cleanedInput());
|
||||||
|
});
|
||||||
|
|
||||||
|
|
||||||
|
// Autocomplete.
|
||||||
|
if (this.options.availableTags || this.options.tagSource) {
|
||||||
|
this._tagInput.autocomplete({
|
||||||
|
source: this.options.tagSource,
|
||||||
|
select: function(event, ui) {
|
||||||
|
// Delete the last tag if we autocomplete something despite the input being empty
|
||||||
|
// This happens because the input's blur event causes the tag to be created when
|
||||||
|
// the user clicks an autocomplete item.
|
||||||
|
// The only artifact of this is that while the user holds down the mouse button
|
||||||
|
// on the selected autocomplete item, a tag is shown with the pre-autocompleted text,
|
||||||
|
// and is changed to the autocompleted text upon mouseup.
|
||||||
|
if (that._tagInput.val() === '') {
|
||||||
|
that.removeTag(that._lastTag(), false);
|
||||||
|
}
|
||||||
|
that.createTag(ui.item.value);
|
||||||
|
// Preventing the tag input to be updated with the chosen value.
|
||||||
|
return false;
|
||||||
|
}
|
||||||
|
});
|
||||||
|
}
|
||||||
|
},
|
||||||
|
|
||||||
|
_cleanedInput: function() {
|
||||||
|
// Returns the contents of the tag input, cleaned and ready to be passed to createTag
|
||||||
|
return $.trim(this._tagInput.val().replace(/^"(.*)"$/, '$1'));
|
||||||
|
},
|
||||||
|
|
||||||
|
_lastTag: function() {
|
||||||
|
return this.tagList.children('.tagit-choice:last');
|
||||||
|
},
|
||||||
|
|
||||||
|
assignedTags: function() {
|
||||||
|
// Returns an array of tag string values
|
||||||
|
var that = this;
|
||||||
|
var tags = [];
|
||||||
|
if (this.options.singleField) {
|
||||||
|
tags = $(this.options.singleFieldNode).val().split(this.options.singleFieldDelimiter);
|
||||||
|
if (tags[0] === '') {
|
||||||
|
tags = [];
|
||||||
|
}
|
||||||
|
} else {
|
||||||
|
this.tagList.children('.tagit-choice').each(function() {
|
||||||
|
tags.push(that.tagLabel(this));
|
||||||
|
});
|
||||||
|
}
|
||||||
|
return tags;
|
||||||
|
},
|
||||||
|
|
||||||
|
_updateSingleTagsField: function(tags) {
|
||||||
|
// Takes a list of tag string values, updates this.options.singleFieldNode.val to the tags delimited by this.options.singleFieldDelimiter
|
||||||
|
$(this.options.singleFieldNode).val(tags.join(this.options.singleFieldDelimiter));
|
||||||
|
},
|
||||||
|
|
||||||
|
_subtractArray: function(a1, a2) {
|
||||||
|
var result = [];
|
||||||
|
for (var i = 0; i < a1.length; i++) {
|
||||||
|
if ($.inArray(a1[i], a2) == -1) {
|
||||||
|
result.push(a1[i]);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
return result;
|
||||||
|
},
|
||||||
|
|
||||||
|
tagLabel: function(tag) {
|
||||||
|
// Returns the tag's string label.
|
||||||
|
if (this.options.singleField) {
|
||||||
|
return $(tag).children('.tagit-label').text();
|
||||||
|
} else {
|
||||||
|
return $(tag).children('input').val();
|
||||||
|
}
|
||||||
|
},
|
||||||
|
|
||||||
|
_isNew: function(value) {
|
||||||
|
var that = this;
|
||||||
|
var isNew = true;
|
||||||
|
this.tagList.children('.tagit-choice').each(function(i) {
|
||||||
|
if (that._formatStr(value) == that._formatStr(that.tagLabel(this))) {
|
||||||
|
isNew = false;
|
||||||
|
return false;
|
||||||
|
}
|
||||||
|
});
|
||||||
|
return isNew;
|
||||||
|
},
|
||||||
|
|
||||||
|
_formatStr: function(str) {
|
||||||
|
if (this.options.caseSensitive) {
|
||||||
|
return str;
|
||||||
|
}
|
||||||
|
return $.trim(str.toLowerCase());
|
||||||
|
},
|
||||||
|
|
||||||
|
createTag: function(value, additionalClass) {
|
||||||
|
var that = this;
|
||||||
|
// Automatically trims the value of leading and trailing whitespace.
|
||||||
|
value = $.trim(value);
|
||||||
|
|
||||||
|
if (!this._isNew(value) || value === '') {
|
||||||
|
return false;
|
||||||
|
}
|
||||||
|
|
||||||
|
var label = $(this.options.onTagClicked ? '<a class="tagit-label"></a>' : '<span class="tagit-label"></span>').text(value);
|
||||||
|
|
||||||
|
// Create tag.
|
||||||
|
var tag = $('<li></li>')
|
||||||
|
.addClass('tagit-choice ui-widget-content ui-state-default ui-corner-all')
|
||||||
|
.addClass(additionalClass)
|
||||||
|
.append(label);
|
||||||
|
|
||||||
|
// Button for removing the tag.
|
||||||
|
var removeTagIcon = $('<span></span>')
|
||||||
|
.addClass('ui-icon ui-icon-close');
|
||||||
|
var removeTag = $('<a><span class="text-icon">\xd7</span></a>') // \xd7 is an X
|
||||||
|
.addClass('tagit-close')
|
||||||
|
.append(removeTagIcon)
|
||||||
|
.click(function(e) {
|
||||||
|
// Removes a tag when the little 'x' is clicked.
|
||||||
|
that.removeTag(tag);
|
||||||
|
});
|
||||||
|
tag.append(removeTag);
|
||||||
|
|
||||||
|
// Unless options.singleField is set, each tag has a hidden input field inline.
|
||||||
|
if (this.options.singleField) {
|
||||||
|
var tags = this.assignedTags();
|
||||||
|
tags.push(value);
|
||||||
|
this._updateSingleTagsField(tags);
|
||||||
|
} else {
|
||||||
|
var escapedValue = label.html();
|
||||||
|
tag.append('<input type="hidden" style="display:none;" value="' + escapedValue + '" name="' + this.options.itemName + '[' + this.options.fieldName + '][]" />');
|
||||||
|
}
|
||||||
|
|
||||||
|
this._trigger('onTagAdded', null, tag);
|
||||||
|
|
||||||
|
// Cleaning the input.
|
||||||
|
this._tagInput.val('');
|
||||||
|
|
||||||
|
// insert tag
|
||||||
|
this._tagInput.parent().before(tag);
|
||||||
|
},
|
||||||
|
|
||||||
|
removeTag: function(tag, animate) {
|
||||||
|
animate = animate || this.options.animate;
|
||||||
|
|
||||||
|
tag = $(tag);
|
||||||
|
|
||||||
|
this._trigger('onTagRemoved', null, tag);
|
||||||
|
|
||||||
|
if (this.options.singleField) {
|
||||||
|
var tags = this.assignedTags();
|
||||||
|
var removedTagLabel = this.tagLabel(tag);
|
||||||
|
tags = $.grep(tags, function(el){
|
||||||
|
return el != removedTagLabel;
|
||||||
|
});
|
||||||
|
this._updateSingleTagsField(tags);
|
||||||
|
}
|
||||||
|
// Animate the removal.
|
||||||
|
if (animate) {
|
||||||
|
tag.fadeOut('fast').hide('blind', {direction: 'horizontal'}, 'fast', function(){
|
||||||
|
tag.remove();
|
||||||
|
}).dequeue();
|
||||||
|
} else {
|
||||||
|
tag.remove();
|
||||||
|
}
|
||||||
|
},
|
||||||
|
|
||||||
|
removeAll: function() {
|
||||||
|
// Removes all tags.
|
||||||
|
var that = this;
|
||||||
|
this.tagList.children('.tagit-choice').each(function(index, tag) {
|
||||||
|
that.removeTag(tag, false);
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
});
|
||||||
|
|
||||||
|
})(jQuery);
|
||||||
|
|
||||||
|
|
||||||
241
e107_files/jslib/tooltip/jquery.tipsy.js
Normal file
241
e107_files/jslib/tooltip/jquery.tipsy.js
Normal file
@ -0,0 +1,241 @@
|
|||||||
|
// tipsy, facebook style tooltips for jquery
|
||||||
|
// version 1.0.0a
|
||||||
|
// (c) 2008-2010 jason frame [jason@onehackoranother.com]
|
||||||
|
// released under the MIT license
|
||||||
|
|
||||||
|
(function($) {
|
||||||
|
|
||||||
|
function maybeCall(thing, ctx) {
|
||||||
|
return (typeof thing == 'function') ? (thing.call(ctx)) : thing;
|
||||||
|
};
|
||||||
|
|
||||||
|
function Tipsy(element, options) {
|
||||||
|
this.$element = $(element);
|
||||||
|
this.options = options;
|
||||||
|
this.enabled = true;
|
||||||
|
this.fixTitle();
|
||||||
|
};
|
||||||
|
|
||||||
|
Tipsy.prototype = {
|
||||||
|
show: function() {
|
||||||
|
var title = this.getTitle();
|
||||||
|
if (title && this.enabled) {
|
||||||
|
var $tip = this.tip();
|
||||||
|
|
||||||
|
$tip.find('.tipsy-inner')[this.options.html ? 'html' : 'text'](title);
|
||||||
|
$tip[0].className = 'tipsy'; // reset classname in case of dynamic gravity
|
||||||
|
$tip.remove().css({top: 0, left: 0, visibility: 'hidden', display: 'block'}).prependTo(document.body);
|
||||||
|
|
||||||
|
var pos = $.extend({}, this.$element.offset(), {
|
||||||
|
width: this.$element[0].offsetWidth,
|
||||||
|
height: this.$element[0].offsetHeight
|
||||||
|
});
|
||||||
|
|
||||||
|
var actualWidth = $tip[0].offsetWidth,
|
||||||
|
actualHeight = $tip[0].offsetHeight,
|
||||||
|
gravity = maybeCall(this.options.gravity, this.$element[0]);
|
||||||
|
|
||||||
|
var tp;
|
||||||
|
switch (gravity.charAt(0)) {
|
||||||
|
case 'n':
|
||||||
|
tp = {top: pos.top + pos.height + this.options.offset, left: pos.left + pos.width / 2 - actualWidth / 2};
|
||||||
|
break;
|
||||||
|
case 's':
|
||||||
|
tp = {top: pos.top - actualHeight - this.options.offset, left: pos.left + pos.width / 2 - actualWidth / 2};
|
||||||
|
break;
|
||||||
|
case 'e':
|
||||||
|
tp = {top: pos.top + pos.height / 2 - actualHeight / 2, left: pos.left - actualWidth - this.options.offset};
|
||||||
|
break;
|
||||||
|
case 'w':
|
||||||
|
tp = {top: pos.top + pos.height / 2 - actualHeight / 2, left: pos.left + pos.width + this.options.offset};
|
||||||
|
break;
|
||||||
|
}
|
||||||
|
|
||||||
|
if (gravity.length == 2) {
|
||||||
|
if (gravity.charAt(1) == 'w') {
|
||||||
|
tp.left = pos.left + pos.width / 2 - 15;
|
||||||
|
} else {
|
||||||
|
tp.left = pos.left + pos.width / 2 - actualWidth + 15;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
$tip.css(tp).addClass('tipsy-' + gravity);
|
||||||
|
$tip.find('.tipsy-arrow')[0].className = 'tipsy-arrow tipsy-arrow-' + gravity.charAt(0);
|
||||||
|
if (this.options.className) {
|
||||||
|
$tip.addClass(maybeCall(this.options.className, this.$element[0]));
|
||||||
|
}
|
||||||
|
|
||||||
|
if (this.options.fade) {
|
||||||
|
$tip.stop().css({opacity: 0, display: 'block', visibility: 'visible'}).animate({opacity: this.options.opacity});
|
||||||
|
} else {
|
||||||
|
$tip.css({visibility: 'visible', opacity: this.options.opacity});
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
|
||||||
|
hide: function() {
|
||||||
|
if (this.options.fade) {
|
||||||
|
this.tip().stop().fadeOut(function() { $(this).remove(); });
|
||||||
|
} else {
|
||||||
|
this.tip().remove();
|
||||||
|
}
|
||||||
|
},
|
||||||
|
|
||||||
|
fixTitle: function() {
|
||||||
|
var $e = this.$element;
|
||||||
|
if ($e.attr('title') || typeof($e.attr('original-title')) != 'string') {
|
||||||
|
$e.attr('original-title', $e.attr('title') || '').removeAttr('title');
|
||||||
|
}
|
||||||
|
},
|
||||||
|
|
||||||
|
getTitle: function() {
|
||||||
|
var title, $e = this.$element, o = this.options;
|
||||||
|
this.fixTitle();
|
||||||
|
var title, o = this.options;
|
||||||
|
if (typeof o.title == 'string') {
|
||||||
|
title = $e.attr(o.title == 'title' ? 'original-title' : o.title);
|
||||||
|
} else if (typeof o.title == 'function') {
|
||||||
|
title = o.title.call($e[0]);
|
||||||
|
}
|
||||||
|
title = ('' + title).replace(/(^\s*|\s*$)/, "");
|
||||||
|
return title || o.fallback;
|
||||||
|
},
|
||||||
|
|
||||||
|
tip: function() {
|
||||||
|
if (!this.$tip) {
|
||||||
|
this.$tip = $('<div class="tipsy"></div>').html('<div class="tipsy-arrow"></div><div class="tipsy-inner"></div>');
|
||||||
|
}
|
||||||
|
return this.$tip;
|
||||||
|
},
|
||||||
|
|
||||||
|
validate: function() {
|
||||||
|
if (!this.$element[0].parentNode) {
|
||||||
|
this.hide();
|
||||||
|
this.$element = null;
|
||||||
|
this.options = null;
|
||||||
|
}
|
||||||
|
},
|
||||||
|
|
||||||
|
enable: function() { this.enabled = true; },
|
||||||
|
disable: function() { this.enabled = false; },
|
||||||
|
toggleEnabled: function() { this.enabled = !this.enabled; }
|
||||||
|
};
|
||||||
|
|
||||||
|
$.fn.tipsy = function(options) {
|
||||||
|
|
||||||
|
if (options === true) {
|
||||||
|
return this.data('tipsy');
|
||||||
|
} else if (typeof options == 'string') {
|
||||||
|
var tipsy = this.data('tipsy');
|
||||||
|
if (tipsy) tipsy[options]();
|
||||||
|
return this;
|
||||||
|
}
|
||||||
|
|
||||||
|
options = $.extend({}, $.fn.tipsy.defaults, options);
|
||||||
|
|
||||||
|
function get(ele) {
|
||||||
|
var tipsy = $.data(ele, 'tipsy');
|
||||||
|
if (!tipsy) {
|
||||||
|
tipsy = new Tipsy(ele, $.fn.tipsy.elementOptions(ele, options));
|
||||||
|
$.data(ele, 'tipsy', tipsy);
|
||||||
|
}
|
||||||
|
return tipsy;
|
||||||
|
}
|
||||||
|
|
||||||
|
function enter() {
|
||||||
|
var tipsy = get(this);
|
||||||
|
tipsy.hoverState = 'in';
|
||||||
|
if (options.delayIn == 0) {
|
||||||
|
tipsy.show();
|
||||||
|
} else {
|
||||||
|
tipsy.fixTitle();
|
||||||
|
setTimeout(function() { if (tipsy.hoverState == 'in') tipsy.show(); }, options.delayIn);
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
|
function leave() {
|
||||||
|
var tipsy = get(this);
|
||||||
|
tipsy.hoverState = 'out';
|
||||||
|
if (options.delayOut == 0) {
|
||||||
|
tipsy.hide();
|
||||||
|
} else {
|
||||||
|
setTimeout(function() { if (tipsy.hoverState == 'out') tipsy.hide(); }, options.delayOut);
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
|
if (!options.live) this.each(function() { get(this); });
|
||||||
|
|
||||||
|
if (options.trigger != 'manual') {
|
||||||
|
var binder = options.live ? 'live' : 'bind',
|
||||||
|
eventIn = options.trigger == 'hover' ? 'mouseenter' : 'focus',
|
||||||
|
eventOut = options.trigger == 'hover' ? 'mouseleave' : 'blur';
|
||||||
|
this[binder](eventIn, enter)[binder](eventOut, leave);
|
||||||
|
}
|
||||||
|
|
||||||
|
return this;
|
||||||
|
|
||||||
|
};
|
||||||
|
|
||||||
|
$.fn.tipsy.defaults = {
|
||||||
|
className: null,
|
||||||
|
delayIn: 0,
|
||||||
|
delayOut: 0,
|
||||||
|
fade: false,
|
||||||
|
fallback: '',
|
||||||
|
gravity: 'n',
|
||||||
|
html: false,
|
||||||
|
live: false,
|
||||||
|
offset: 0,
|
||||||
|
opacity: 0.8,
|
||||||
|
title: 'title',
|
||||||
|
trigger: 'hover'
|
||||||
|
};
|
||||||
|
|
||||||
|
// Overwrite this method to provide options on a per-element basis.
|
||||||
|
// For example, you could store the gravity in a 'tipsy-gravity' attribute:
|
||||||
|
// return $.extend({}, options, {gravity: $(ele).attr('tipsy-gravity') || 'n' });
|
||||||
|
// (remember - do not modify 'options' in place!)
|
||||||
|
$.fn.tipsy.elementOptions = function(ele, options) {
|
||||||
|
return $.metadata ? $.extend({}, options, $(ele).metadata()) : options;
|
||||||
|
};
|
||||||
|
|
||||||
|
$.fn.tipsy.autoNS = function() {
|
||||||
|
return $(this).offset().top > ($(document).scrollTop() + $(window).height() / 2) ? 's' : 'n';
|
||||||
|
};
|
||||||
|
|
||||||
|
$.fn.tipsy.autoWE = function() {
|
||||||
|
return $(this).offset().left > ($(document).scrollLeft() + $(window).width() / 2) ? 'e' : 'w';
|
||||||
|
};
|
||||||
|
|
||||||
|
/**
|
||||||
|
* yields a closure of the supplied parameters, producing a function that takes
|
||||||
|
* no arguments and is suitable for use as an autogravity function like so:
|
||||||
|
*
|
||||||
|
* @param margin (int) - distance from the viewable region edge that an
|
||||||
|
* element should be before setting its tooltip's gravity to be away
|
||||||
|
* from that edge.
|
||||||
|
* @param prefer (string, e.g. 'n', 'sw', 'w') - the direction to prefer
|
||||||
|
* if there are no viewable region edges effecting the tooltip's
|
||||||
|
* gravity. It will try to vary from this minimally, for example,
|
||||||
|
* if 'sw' is preferred and an element is near the right viewable
|
||||||
|
* region edge, but not the top edge, it will set the gravity for
|
||||||
|
* that element's tooltip to be 'se', preserving the southern
|
||||||
|
* component.
|
||||||
|
*/
|
||||||
|
$.fn.tipsy.autoBounds = function(margin, prefer) {
|
||||||
|
return function() {
|
||||||
|
var dir = {ns: prefer[0], ew: (prefer.length > 1 ? prefer[1] : false)},
|
||||||
|
boundTop = $(document).scrollTop() + margin,
|
||||||
|
boundLeft = $(document).scrollLeft() + margin,
|
||||||
|
$this = $(this);
|
||||||
|
|
||||||
|
if ($this.offset().top < boundTop) dir.ns = 'n';
|
||||||
|
if ($this.offset().left < boundLeft) dir.ew = 'w';
|
||||||
|
if ($(window).width() + $(document).scrollLeft() - $this.offset().left < margin) dir.ew = 'e';
|
||||||
|
if ($(window).height() + $(document).scrollTop() - $this.offset().top < margin) dir.ns = 's';
|
||||||
|
|
||||||
|
return dir.ns + (dir.ew ? dir.ew : '');
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
|
})(jQuery);
|
||||||
25
e107_files/jslib/tooltip/tipsy.css
Normal file
25
e107_files/jslib/tooltip/tipsy.css
Normal file
@ -0,0 +1,25 @@
|
|||||||
|
.tipsy { font-size: 10px; position: absolute; padding: 5px; z-index: 100000; }
|
||||||
|
.tipsy-inner { background-color: #000; color: #FFF; max-width: 200px; word-wrap:break-word; padding: 5px 8px 4px 8px; text-align: center; }
|
||||||
|
|
||||||
|
/* Rounded corners */
|
||||||
|
.tipsy-inner { border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
|
||||||
|
|
||||||
|
/* Uncomment for shadow */
|
||||||
|
.tipsy-inner { box-shadow: 0 0 5px #000000; -webkit-box-shadow: 0 0 5px #000000; -moz-box-shadow: 0 0 5px #000000; }
|
||||||
|
|
||||||
|
.tipsy-arrow { position: absolute; width: 0; height: 0; line-height: 0; border: 5px dashed #000; }
|
||||||
|
|
||||||
|
/* Rules to colour arrows */
|
||||||
|
.tipsy-arrow-n { border-bottom-color: #000; }
|
||||||
|
.tipsy-arrow-s { border-top-color: #000; }
|
||||||
|
.tipsy-arrow-e { border-left-color: #000; }
|
||||||
|
.tipsy-arrow-w { border-right-color: #000; }
|
||||||
|
|
||||||
|
.tipsy-n .tipsy-arrow { top: 0px; left: 50%; margin-left: -5px; border-bottom-style: solid; border-top: none; border-left-color: transparent; border-right-color: transparent; }
|
||||||
|
.tipsy-nw .tipsy-arrow { top: 0; left: 10px; border-bottom-style: solid; border-top: none; border-left-color: transparent; border-right-color: transparent;}
|
||||||
|
.tipsy-ne .tipsy-arrow { top: 0; right: 10px; border-bottom-style: solid; border-top: none; border-left-color: transparent; border-right-color: transparent;}
|
||||||
|
.tipsy-s .tipsy-arrow { bottom: 0; left: 50%; margin-left: -5px; border-top-style: solid; border-bottom: none; border-left-color: transparent; border-right-color: transparent; }
|
||||||
|
.tipsy-sw .tipsy-arrow { bottom: 0; left: 10px; border-top-style: solid; border-bottom: none; border-left-color: transparent; border-right-color: transparent; }
|
||||||
|
.tipsy-se .tipsy-arrow { bottom: 0; right: 10px; border-top-style: solid; border-bottom: none; border-left-color: transparent; border-right-color: transparent; }
|
||||||
|
.tipsy-e .tipsy-arrow { right: 0; top: 50%; margin-top: -5px; border-left-style: solid; border-right: none; border-top-color: transparent; border-bottom-color: transparent; }
|
||||||
|
.tipsy-w .tipsy-arrow { left: 0; top: 50%; margin-top: -5px; border-right-style: solid; border-left: none; border-top-color: transparent; border-bottom-color: transparent; }
|
||||||
@ -28,7 +28,7 @@ function ren_help($mode = 1, $addtextfunc = "addtext", $helpfunc = "help")
|
|||||||
|
|
||||||
|
|
||||||
|
|
||||||
// FIXME - full rewrite, EVERYTHING - bbcode class (php + JS), core callbacks, tooltip help, optimize
|
// DONE - full rewrite, EVERYTHING - bbcode class (php + JS), core callbacks, tooltip help, optimize
|
||||||
function display_help($tagid="helpb", $mode = 1, $addtextfunc = "addtext", $helpfunc = "help", $helpsize = '')
|
function display_help($tagid="helpb", $mode = 1, $addtextfunc = "addtext", $helpfunc = "help", $helpsize = '')
|
||||||
{
|
{
|
||||||
return e107::getBB()->renderButtons($mode,'data'); // guessing the name of the textarea as 'data' no indicator unfortunately.
|
return e107::getBB()->renderButtons($mode,'data'); // guessing the name of the textarea as 'data' no indicator unfortunately.
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user