javascript - Jcrop failing under IE8 on specific server, works on another -

-

having problem jcrop failing on our staging server working fine in production.

both environments running on same hardware, apache virtual hosts set up. can tell, environments identical. following code in modal box loads after selecting picture upload.

<?php $jsincludes = array(     "jquery-file-upload-and-crop-plugin/js/vendor/jquery.ui.widget",     "jquery-file-upload-and-crop-plugin/js/jquery.iframe-transport",     "jquery-file-upload-and-crop-plugin/js/jquery.jcrop",     "jquery-file-upload-and-crop-plugin/js/canvas-to-blob.min",     "jquery-file-upload-and-crop-plugin/js/load-image.min",     "jquery-file-upload-and-crop-plugin/js/main"     ); echo $this->html->script($jsincludes);  ?> <link rel="stylesheet" href="/js/jquery-file-upload-and-crop-plugin/css/jquery.jcrop.css" type="text/css" /> <!-- css make adjusments layouts of jq furac --> <link rel="stylesheet" href="/js/jquery-file-upload-and-crop-plugin/css/jquery.furac.ui.css">  <style> .modal-image-scroll {     height:420px;     overflow:auto;     overflow-x:hidden; } </style>  <!-- modal-gallery modal dialog used image gallery --> <div id="modal-gallery" class="modal modal-gallery hide fade" data-filter=":odd">     <div class="modal-header">         <a class="close" data-dismiss="modal">&times;</a>         <h3 class="modal-title">image upload , crop</h3>     </div>     <div class="modal-body"><div class="modal-image"></div></div>     <div class="modal-footer">         <form id="opcrop"> <!--            <button class="btn modal-crop" type="button" id="startresize">                 <i class="icon-resize-horizontal"></i>                 resize to:             </button> -->             <a class="btn modal-crop" target="_blank" id="startcrop">                 <i class="icon-th"></i>                 <span>crop image to:</span>             </a>             <label for="inwidthcrop">width</label> <input type="number" readonly name="widthcrop" id="inwidthcrop" value="">             <label for="inheightcrop">height</label> <input type="number" readonly name="heightcrop" id="inheightcrop" value="">  <!--             <button type="reset" class="btn btn-warning cancel">                     <i class="icon-ban-circle icon-white"></i>                     clear                 </button> -->         </form>     </div> </div> <!-- modal cropping --> <div id="croppingmodal" class="modal hide">     <div class="modal-header">         <button type="button" id="btnclosecrop" class="close" data-dismiss="modal">×</button>         <h3>crop image <span class="dimentions"></span></h3>     </div>     <div class="modal-body">      </div>     <br />     <div class="alert alert-info" style="font-size: 12px; padding: 4px 10px 4px 10px;">         click , drag on area of phone you'd use profile picture.     </div>     <div class="modal-footer">         <a href="#" class="btn closemodal" data-dismiss="modal" id="btncancelcrop">cancel</a>         <a href="#" class="btn btn-primary" id="btndocrop">crop</a>     </div> </div>

anyone have idea why might work on 1 environment not another?

the site using library: https://github.com/baamenabar/jquery-file-upload-and-crop

what end on staging environment under ie8 image, cropped correctly, it's black, regardless of source image.


Comments

Post a Comment

Popular posts from this blog

javascript - Count length of each class -

-
i have below code in this fiddle . html <span class="myname">john smith</span> <span class="myname">john smith</span> <span class="myname">john smith</span> <span class="myname">john smith</span> <span class="myname">john smith</span> <span class="myname">john smith</span> javascript $('.myname').each(function(){ var text = $(this).html().split(' '), len = text.length, test = $(this).val().length, result = []; console.log('outside: ' + test); for( var = 0; < len; i++ ) { result[i] = '<span class="name-'+[i]+'" >' + text[i] + '</span>'; console.log('inside: ' + test); } $(this).html(result.join(' ')); console.log('after
Read more

What design pattern is this code in Javascript? -

-
this question has answer here: why write “.call(this)” @ end of javascript anonymous function? [duplicate] 4 answers what kind of design pattern , significance of using closure? (function(){ // code here }).call(this); edit then difference between above code , following this keyword still refer same object in both ways. (function(){ // code here })(); thats invoked function expression. more info here: http://benalman.com/news/2010/11/immediately-invoked-function-expression/ the purpose run code while protecting scope (so variables declared within don't leak out global scope. update call sets value of this function being applied on. without it, value set window object, there set outer scope.
Read more

hadoop - Restrict secondarynamenode to be installed and run on any other node in the cluster -

-
i have have cloudera cdh3u4 cluster setup. have secondarynamenode daemon running on 1 of nodes. i have ensure user has root access node on cluster (for example, datanode not have other daemons running) should not able start instance of secondarynamenode daemon on node (thereby having 2 secondarynamenodes on cluster) how can achieve this? thanks in advance. add property hdfs-site.xml namedfs.secondary.http.address valuesecondarynamenode-host address or ip:50090
Read more