internet explorer - JQuery Text Resizing not working with IE -

-

i using following script (that requires cookies plugin jquery) allow javascript enabled users change font size on medical charity website:

var sitefunctions = {     textresize: function () {                 var $cookie_name = "textsize";         var originalfontsize = $("html").css("font-size");         // if exists load saved value, otherwise store         if ($.cookie($cookie_name)) {             var $getsize = $.cookie($cookie_name);             $("html").css({ fontsize: $getsize + ($getsize.indexof("px") != -1 ? "" : "px") }); // ie fix double "pxpx" error         } else {             $.cookie($cookie_name, originalfontsize);         }         // reset link         $(".reset").bind("click", function () {             $("html").css({ "font-size": originalfontsize });             $.cookie($cookie_name, originalfontsize);         });         // text "+" link         $(".increase").bind("click", function () {             var currentfontsize = $("html").css("font-size");             var currentfontsizenum = parsefloat(currentfontsize, 10);             var newfontsize = currentfontsizenum * 1.2;             if (newfontsize, 11) {                 $("html").css({ "font-size": newfontsize });                 $.cookie($cookie_name, newfontsize);             }             return false;         });         $(".decrease").bind("click", function () {             var currentfontsize = $("html").css("font-size");             var currentfontsizenum = parsefloat(currentfontsize, 10);             var newfontsize = currentfontsizenum / 1.2;             if (newfontsize, 11) {                 $("html").css({ "font-size": newfontsize });                 $.cookie($cookie_name, newfontsize);             }             return false;         });     } }

you can call page so:

       $(document).ready(function () {             // show text resizing links             $(".accessibilitycontrols").show();             sitefunctions.textresize();         })

you can put links in page so:

<div class="accessibilitycontrols" style="display:none;">                     text size:<br />         <a class="increasefont" style="font-size: 14pt;" title="increase text size" href="#" rel="nofollow">a+</a> |          <a class="decreasefont" style="font-size: 11pt;" title="decrease text size" href="#" rel="nofollow">a-</a> |          <a class="resetfont" href="#" rel="nofollow">reset </a>     </div>

so far, good. above presuposes have set font-size in style sheet html tag follows:

html { font-size: x-small; }

problem 1:

it works fine browsers except ie.

why?!

problem 2:

i fine debugging in firefox, ie problem! have tried attaching process vs debugger, seems work intermitently...

ok, quick , instructive.

  1. asking question half answer...

  2. ie not able interpret x-small numerical size, mozilla browsers do.

  3. as script using tries attach px font-size property, end with:

x-smallpx

whereupon jquery tells naff off.

changing to:

html { font-size:65%; }

solved issue. evaluated number ie , jquery happy.

i still confused visual studio , js debugging. there seem many ways skin cat , none work time.

having first encountered problem yesterday, relieved have solved , have found how debug in ie. double whammy.

the problem left have read somewhere desirable use x-small set font-size , make other sizes relative that. left feeling bit naked font-size:65% malarkey...

still, have work around accessiblity issues issue.


Comments

Post a Comment

Popular posts from this blog

ASP.NET/SQL find the element ID and update database -

-
basically i've got update query runs when click submit button. i have asp:repeater in page layer inside this <asp:repeater id="dgbookings" runat="server" onitemdatabound="itemdb"> <itemtemplate> <div class="bookingscontent"> <div class="bookingdetails" id="<%# databinder.eval(container.dataitem, "booking_ref") %>"> <p class="infotext"><%# databinder.eval(container.dataitem, "adults") %> <asp:linkbutton onclick="editdetails" text="edit..." runat="server"></asp:linkbutton></p> <p class="infotext"><asp:linkbutton onclick="submitdetails" text="submit..." runat="server"></asp:linkbutton></p> </div> </div> </itemtemplate> <asp:repeater> and outputs ...
Read more

jquery - appear modal windows bottom -

-
i have modal windows in application, work fine <div id="modal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="mymodallabel" aria-hidden="true"> but when modal appears, appear top of windows, , want appear bottom the application joomla 3.0! , using template of meet gavern any idea? i found solution i modified de css in bootstrap .modal.fade { top:-25%; -webkit-transition:opacity .3s linear, bottom .3s ease-out; -moz-transition:opacity .3s linear, bottom .3s ease-out; -ms-transition:opacity .3s linear, bottom .3s ease-out; -o-transition:opacity .3s linear, bottom .3s ease-out; transition:opacity .3s linear, bottom .3s ease-out; }
Read more

c++ - Compiling static TagLib 1.6.3 libraries for Windows -

-
i having super hard time compiling , using taglib 1.6.3 in qt project. i've tried can think of. taglib claims supported through cmake i'm not having luck. furthermore, i'm confused kinds of files need qt libs! i've built *.a files, *.lib, , *.dll. understand far... believe since i'm working in windows *.lib want. no matter do, end "undefined references" taglib functions try use when try compile qt project. have tried mingw32, msys, visual studio 2008, , cross-compiling windows on linux. turning nothing. what makes less sense me if compile same taglib source qt on mac (g++ think?) works fine! somewhere in windows compilation procedures have going wrong. have been smacking face on desk 30 (on , off) hours trying figure out. since qt uses mingw must compile taglib same compiler? if compile *.lib's visual studio not compatible? are *.a libraries usable in windows? (assuming mingw) i'm still trying handle on c++ stuff, after reading coun...
Read more