Ali Torki ali-master

TimeSpanUpdater[timeago] with jQuery

function TimeSpanUpdater(id, interval) {
    var updater = function () {
        var _this = this;
        this.interval = interval ? interval : 20000;
        this.registeredItemsArr = [];
        this.registerItem = function (element) {
            if (element && element.attr('data-timespan')) {

Process Text for find and create an anchor link for each of texts link

var processText = function (text) {
    var txt = (text || '').replace(/(http(s)?:\/\/[^\s]+)/gi, '<a class="link" href="$1" target="_blank">$1</a>').replace(/\r\n/g, '<br />').replace(/\n/g, '<br />');
    return txt;
};

### Usage
processText(document.body)

Play new Message Sound

function playNewMessageSound(src) {
	if(!src || typeof src !== "string") return;

    var audio = document.createElement('audio');
    if (audio) {
        audio.src = src;
 audio.autoplay = true;

Detecting Browser Event Support

var isEventSupported = function (eventName) {
    var TAGNAMES = { 'select': 'input', 'change': 'input', 'submit': 'form', 'reset': 'form', 'error': 'img', 'load': 'img', 'abort': 'img' }
    var el = document.createElement(TAGNAMES[eventName] || 'div');
    eventName = 'on' + eventName;
    var isSupported = (eventName in el);
    if (!isSupported) {
        el.setAttribute(eventName, 'return');
 isSupported = typeof el[eventName] == 'function';

Information About Client web Browser

var browserInfo = function () {
    var ua = navigator.userAgent.toLowerCase();
    var matchs = ua.match(/(opera)\/([\d\.]+)/i) || ua.match(/(msie) ([\d\.]+)/i) || ua.match(/(firefox)\/([\d\.]+)/i) || ua.match(/(chrome)\/([\d\.]+)/i) || ua.match(/(safari)\/([\d\.]+)/i) || [];
    return {
        name: matchs[1] || 'unknown',
        version: matchs[2] || 'unknown',
 isTouch: 'ontouchend' in document

Get Background-Color of Elements with jQuery

(function($){
    $.fn.getBackgroundColor = function() {
        var self = $(this);
        var bgColor = "";
        while(self.prop("tagName").toLowerCase() != "html") {
            bgColor = self.css("background-color");
 if(bgColor != "rgba(0, 0, 0, 0)" &amp;&amp; bgColor != "transparent") {

Add CSS File To DOM

function addCss(data) {
    (function (e) {
        e.setAttribute("rel",  "stylesheet");
        e.setAttribute("type", "text/css");
        e.setAttribute("id",   data.id);
        e.setAttribute("media", "all");
 e.setAttribute("href", data.src);

Add JS File To DOM

function addJS(data) {
    (function (e) {
        e.setAttribute("src", data.src);
        e.setAttribute("id", data.id);
        
        document.getElementsByTagName("body")[0].appendChild(e);
 })(document.createElement("script"));

JavaScript Array Unique Item

// ES6
const uniq = (userArray) => {
  const unique = {};
  userArray.forEach((unusedValue, index) => { unique[userArray[index]] = true; });
  return Object.keys(unique);
};

	/**
	* prepareTransition
	*
	* jQuery Plugin for ensuring transitions with display:none or visibility:hidden
	* are in the right state until the end of the transition
	*
	* By John W. Long (http://wiseheartdesign.com)
	* April 18, 2013
	*
	* Based on the prepareTransition plugin by Jonathan Snook (http://snook.ca). This version