Skip to content

Commit

Permalink
Fix left and right flip for Edge
Browse files Browse the repository at this point in the history 
Text disappearing in left and right tab when using the Edge. The following code fixes it.

Line 28, change 

(-1 != nAgt.indexOf("Trident")) 

to

(-1 != nAgt.indexOf("Trident") || -1 != nAgt.indexOf("Edge"))
  • Loading branch information
@Securum
Securum committed Jun 3, 2016
1 parent 8daabf8 commit 018d618
Showing 1 changed file with 120 additions and 0 deletions.
120 changes: 120 additions & 0 deletions jquery.mb.flipText.js
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,120 @@
/*
* ******************************************************************************
* jquery.mb.components
* file: jquery.mb.flipText.js
*
* Copyright (c) 2001-2014. Matteo Bicocchi (Pupunzi);
* Open lab srl, Firenze - Italy
* email: [email protected]
* site: http://pupunzi.com
* blog: http://pupunzi.open-lab.com
* http://open-lab.com
*
* Licences: MIT, GPL
* http://www.opensource.org/licenses/mit-license.php
* http://www.gnu.org/licenses/gpl.html
*
* last modified: 28/01/14 22.05
* *****************************************************************************
*/


/*Browser detection patch*/
if (!jQuery.browser) {
jQuery.browser = {}, jQuery.browser.mozilla = !1, jQuery.browser.webkit = !1, jQuery.browser.opera = !1, jQuery.browser.safari = !1, jQuery.browser.chrome = !1, jQuery.browser.msie = !1;
var nAgt = navigator.userAgent;
jQuery.browser.ua = nAgt, jQuery.browser.name = navigator.appName, jQuery.browser.fullVersion = "" + parseFloat(navigator.appVersion), jQuery.browser.majorVersion = parseInt(navigator.appVersion, 10);
var nameOffset, verOffset, ix;
if (-1 != (verOffset = nAgt.indexOf("Opera")))jQuery.browser.opera = !0, jQuery.browser.name = "Opera", jQuery.browser.fullVersion = nAgt.substring(verOffset + 6), -1 != (verOffset = nAgt.indexOf("Version")) && (jQuery.browser.fullVersion = nAgt.substring(verOffset + 8)); else if (-1 != (verOffset = nAgt.indexOf("MSIE")))jQuery.browser.msie = !0, jQuery.browser.name = "Microsoft Internet Explorer", jQuery.browser.fullVersion = nAgt.substring(verOffset + 5); else if (-1 != nAgt.indexOf("Trident") || -1 != nAgt.indexOf("Edge")) {
jQuery.browser.msie = !0, jQuery.browser.name = "Microsoft Internet Explorer";
var start = nAgt.indexOf("rv:") + 3, end = start + 4;
jQuery.browser.fullVersion = nAgt.substring(start, end)
} else-1 != (verOffset = nAgt.indexOf("Chrome")) ? (jQuery.browser.webkit = !0, jQuery.browser.chrome = !0, jQuery.browser.name = "Chrome", jQuery.browser.fullVersion = nAgt.substring(verOffset + 7)) : -1 != (verOffset = nAgt.indexOf("Safari")) ? (jQuery.browser.webkit = !0, jQuery.browser.safari = !0, jQuery.browser.name = "Safari", jQuery.browser.fullVersion = nAgt.substring(verOffset + 7), -1 != (verOffset = nAgt.indexOf("Version")) && (jQuery.browser.fullVersion = nAgt.substring(verOffset + 8))) : -1 != (verOffset = nAgt.indexOf("AppleWebkit")) ? (jQuery.browser.webkit = !0, jQuery.browser.name = "Safari", jQuery.browser.fullVersion = nAgt.substring(verOffset + 7), -1 != (verOffset = nAgt.indexOf("Version")) && (jQuery.browser.fullVersion = nAgt.substring(verOffset + 8))) : -1 != (verOffset = nAgt.indexOf("Firefox")) ? (jQuery.browser.mozilla = !0, jQuery.browser.name = "Firefox", jQuery.browser.fullVersion = nAgt.substring(verOffset + 8)) : (nameOffset = nAgt.lastIndexOf(" ") + 1) < (verOffset = nAgt.lastIndexOf("/")) && (jQuery.browser.name = nAgt.substring(nameOffset, verOffset), jQuery.browser.fullVersion = nAgt.substring(verOffset + 1), jQuery.browser.name.toLowerCase() == jQuery.browser.name.toUpperCase() && (jQuery.browser.name = navigator.appName));
-1 != (ix = jQuery.browser.fullVersion.indexOf(";")) && (jQuery.browser.fullVersion = jQuery.browser.fullVersion.substring(0, ix)), -1 != (ix = jQuery.browser.fullVersion.indexOf(" ")) && (jQuery.browser.fullVersion = jQuery.browser.fullVersion.substring(0, ix)), jQuery.browser.majorVersion = parseInt("" + jQuery.browser.fullVersion, 10), isNaN(jQuery.browser.majorVersion) && (jQuery.browser.fullVersion = "" + parseFloat(navigator.appVersion), jQuery.browser.majorVersion = parseInt(navigator.appVersion, 10)), jQuery.browser.version = jQuery.browser.majorVersion
}

(function($) {
var isIE=$.browser.msie;
jQuery.fn.encHTML = function() {
return this.each(function(){
var me = $(this);
var html = me.text();
me.text(html.replace(/&/g,'&amp;').replace(/</g,'&lt;').replace(/>/g,'&gt;').replace(/'/g, escape("'")).replace(/"/g,escape('"')));
// me.text(html.replace(/&/g,'&amp;').replace(/</g,'&lt;').replace(/>/g,'&gt;').replace(/'/g, "’").replace(/"/g,"“"));
});
};
$.mbflipText= {
author:"Matteo Bicocchi",
version:"1.1",
flipText:function(tb){
var UTF8encoded=$("meta[http-equiv=Content-Type]").attr("content") && $("meta[http-equiv=Content-Type]").attr("content").indexOf("utf-8")>-1;
return this.each(function(){
var el= $(this);
var h="";
var w="";

var label="";
var bgcol=(el.css("background-color") && el.css("background-color") != "rgba(0, 0, 0, 0)") ? el.css("background-color"):"#fff";
var fontsize= parseInt(el.css('font-size'))>0?parseInt(el.css('font-size')):14;
var fontfamily=el.css('font-family')?el.css('font-family').replace(/\'/g, '').replace(/"/g,''):"Arial";
var fontcolor=el.css('color')? el.css('color'):"#000";

if ($.browser.msie){
if(!tb) el.css({'writing-mode': 'tb-rl', height:h, filter: 'fliph() flipv("") ', whiteSpace:"nowrap", lineHeight:fontsize+2+"px"}).css('font-weight', 'normal');
label=$("<span style='writing-mode: tb-rl; whiteSpace:nowrap; height:"+h+"; width:"+w+"; line-height:"+(fontsize+2)+"px'>"+el.html()+"</span>");
}else{

var dim=el.getFlipTextDim(false);

h=dim[1];
w=dim[0];
if(!isIE ) el.encHTML();
var txt= el.text();

var rot="-90";
var ta="end";
var xFix=0;
var yFix=$.browser.opera ? parseInt(w)-(parseInt(w)/4): $.browser.webkit?5:0;

if (tb){
yFix=$.browser.opera?20:0;
xFix= $.browser.webkit?(fontsize/4):0;
rot="90, "+((parseInt(w)/2)-xFix)+", "+parseInt(w)/2;
ta="start";
}
var onClick= el.attr("onclick") || el.attr("href");
var clickScript= onClick?"<div class='pointer' style='position:absolute;top:0;left:0;width:100%;height:100%;background:transparent'/>":"";

label=$("<object class='flip_label' style='height:"+h+"px; width:"+w+"px;' type='image/svg+xml' data='data:image/svg+xml; charset=utf-8 ," +
"<svg xmlns=\"http://www.w3.org/2000/svg\">" +
"<rect x=\"0\" y=\"0\" width=\""+w+"px\" height=\""+h+"px\" fill=\""+bgcol+"\" stroke=\"none\"/>"+
"<text x=\"-"+xFix+"\" y=\""+yFix+"\" font-family=\""+fontfamily+"\" fill=\""+fontcolor+"\" font-size=\""+fontsize+"\" style=\"text-anchor: "+ta+"; " +
"dominant-baseline: hanging\" transform=\"rotate("+rot+")\" text-rendering=\"optimizeSpeed\">"+txt+"</text></svg>'></object>" +
clickScript +
"");
}
var wrapper= onClick ? $("<div/>").css("position","relative"): $("");
var cssPos= el.wrap(wrapper).css("position")!="absolute" || el.css("position")!="fixed" ?"relative" : el.css("position");
el.html(label).css({position:cssPos, width:w});
});
},
getFlipTextDim:function(enc){
var el= $(this);
// if(!enc && !isIE) el.encHTML();
var txt= el.html();
var fontsize= parseInt(el.css('font-size'));
var fontfamily=el.css('font-family').replace(/'/g, '').replace(/"/g,'');
if (fontfamily==undefined) fontfamily="Arial";
var placeHolder=$("<span/>").css({position:"absolute",top:-100, whiteSpace:"noWrap", fontSize:fontsize, fontFamily: fontfamily});
placeHolder.text(txt);
$("body").append(placeHolder);
var h = (placeHolder.outerWidth()!=0?placeHolder.outerWidth():(16+txt.length*fontsize*.60));
var w = (placeHolder.outerHeight()!=0?placeHolder.outerHeight()+5:50);
placeHolder.remove();
return [w,h];
}
};
$.fn.mbFlipText=$.mbflipText.flipText;
$.fn.getFlipTextDim=$.mbflipText.getFlipTextDim;

})(jQuery);

0 comments on commit 018d618

Please sign in to comment.