javascript

22
1月/19

Iframe适应高度

by under javascript
<script type="text/javascript"> 
        function reinitIframe() {
          var iframe = document.getElementById("form-iframe");
          try {
            var bHeight = iframe.contentWindow.document.body.scrollHeight;
            var dHeight = 900;
            var height = Math.max(bHeight, dHeight);
            iframe.height = height;
          } catch (ex) {}
        }
        window.setInterval("reinitIframe()", 200);
</script>

 

No tags Leave a Comment more...

24
8月/18

SVG去白边

by under javascript
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Test JS</title>
    <style>
        #original, #target {
            width: 480px;
            height: 480px;
        }

        svg {
            width: 100%;
            height: 100%;
        }
    </style>
</head>
<body>

<div id="original">
    <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="100px" height="100px" viewBox="0 0 480 480" xml:space="preserve">
        <desc>Created with Fabric.js 1.5.0</desc>
        <defs></defs>
        <rect x="-240" y="-240" rx="0" ry="0" width="480" height="480" style="stroke: none; stroke-width: 1; stroke-dasharray: ; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: #ffffff; fill-rule: nonzero; opacity: 1;" transform="translate(240 240)"/>
<g transform="translate(240 240)">
<image xlink:href="http://shirtcity.local/pub/media/pdp/images/file1534511892.png" x="-240" y="-240" style="stroke: none; stroke-width: 1; stroke-dasharray: ; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: rgb(0,0,0); fill-rule: nonzero; opacity: 1;" width="480" height="480" preserveAspectRatio="xMinYMin slice"></image>
</g>
<g style="stroke: none; stroke-width: 1; stroke-dasharray: ; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: none; fill-rule: nonzero; opacity: 1;" transform="translate(213.64 115.51000000000002) scale(0.08 0.08)" >
<path d="M 29.9 118 c 11.6 10.1 23.6 19.8 35.1 30.1 c 6.6 5.9 15.1 10.3 21.6 16.4 c -14.5 8.9 -27.2 24.3 -35 35.5 c -1.1 1.5 -1.1 3.2 -0.5 4.6 c 9.1 -18.7 23.4 -29.7 40.3 -34.8 c 3.7 5.7 0 10.4 -1.5 16.6 c -4.2 17.4 -13.5 32.8 -22 48.4 c -6.4 11.7 -14 22.6 -19.5 34.6 c 0.8 4.5 2.7 8.2 5 11.6 c 3 4.3 6.3 8.4 8.8 13.1 c 2.1 3.9 5.8 6.4 10.1 6.2 c 5.1 -0.3 9.9 0.6 14.6 2.1 c 0.7 0.2 1.6 -0.1 2.6 -0.2 c 4.9 -2.7 7.2 -7.5 9.1 -12.4 c 6.9 -17.6 19.8 -29.1 36.7 -36.4 c 13.5 -5.8 27.8 -9.5 41.2 -15.9 c 3.1 2.1 3.8 5.4 5 8.5 c 7.9 20.5 12.8 41.8 17.7 63.2 c 2.1 8.9 4 17.9 8.2 26.1 c 6.3 12.4 7.6 25.9 8.8 39.4 c 1.7 19 3.1 38.1 6.1 57 c 2.2 13.7 7.8 25.4 17.8 34.8 c 5.5 5.2 8.3 11.3 10 18.6 c 5.4 22.4 12.4 44.3 19.8 66.1 c 3.1 9.3 4.7 18.8 5.9 28.4 c 1.5 12.4 3.9 24.6 7.9 36.5 c 5.1 15.1 7.8 30.7 8.3 46.5 c 0.3 10.5 -1 21 -3.7 31.3 c -2.4 9 -7.5 16 -15 21.3 c -6.1 4.4 -12.2 8.7 -17.3 14.2 c -2.7 2.9 -2.7 2.9 -3.2 8 c 8.1 6.4 29.2 7.3 39.1 1.2 c 0.8 -3.8 1.5 -8.1 2.6 -12.4 c 1.4 -5.7 2.8 -11.5 8.7 -13.9 c 2.1 -4.2 2.5 -8.3 2.7 -12.4 c 1.1 -23 2.2 -46 3.6 -68.9 c 0.4 -7.1 1.4 -14.3 2.2 -21.2 c 2.9 -0.7 3.2 1.4 3.7 2.7 c 4.9 11.9 8.6 24.1 9.1 36.9 c 0.4 12.2 0.1 24.4 0 36.6 c -0.1 9.5 -3.5 17.9 -9.7 25.1 c -5.4 6.2 -11 12.4 -17 19.1 c 12.6 6.5 25.3 5.8 38.1 4.4 c 1.9 -4.4 2.9 -8.1 3.1 -11.9 c 0.3 -7.6 2.7 -14.1 9.1 -18 c 1.9 -3.3 1.5 -6.5 1.3 -9.5 c -0.5 -8.3 -1 -16.6 -2 -24.8 c -2.1 -16.8 -3.8 -33.6 -5.1 -50.4 c -1.3 -16.6 -2.2 -33.2 -3.5 -49.8 c -1.8 -22.7 -1.3 -45.5 -1.1 -68.2 c 0.1 -5.8 0.8 -11.5 2.3 -17.5 c 5 -0.7 9.9 -1.8 14.8 -2 c 12.7 -0.5 25.5 -1 38.2 -1.5 c 22.1 -1 44.3 -1.9 66.4 -3.8 c 20.6 -1.7 40.5 -6 59.7 -13.6 c 12.4 -4.9 24 -11.5 35.8 -17.6 c 6.9 -3.6 14 -6.6 22.1 -8 c 6.6 3 11.6 8 15.1 14.5 c 9.9 18 17.3 37.2 23.7 56.7 c 6.4 19.5 10.5 39.6 13.7 59.9 c 1.8 11.5 3.3 23.1 3.9 34.7 c 0.9 14.9 -2.2 29.2 -7.7 43.1 c -4.4 11.1 -8.9 22.1 -13.2 33.3 c -2.1 5.5 -6 9.3 -10.4 12.7 c -7.1 5.5 -12.5 12.5 -18.3 19.3 c -1.4 1.7 -2.6 3.6 -3 6.1 c 1.6 4.5 5.1 7 10 7.1 c 7.7 0.1 15.6 0.5 23 -2.6 c 4.7 -4.3 6.2 -10.4 8.2 -16.1 c 2.3 -6.8 5.2 -12.6 12.2 -15.9 c 4.4 -2.1 6.8 -6.2 8 -11.1 c 3.2 -13.2 5 -26.7 6.8 -40.1 c 1.7 -12.1 3.3 -24.2 5 -36.2 c 1.2 -8.1 5 -15.2 8.4 -22.5 c 2.6 -5.5 5.4 -11 8 -16.5 c 3.3 -7 4.4 -14.1 2.3 -21.8 c -1.9 -6.7 -3.1 -13.5 -4.7 -20.2 c -0.4 -1.6 -0.9 -3.3 0.7 -4.6 c 2.6 -1 4.1 1.1 5.8 2.4 c 12.7 10.1 22.9 22.5 32.2 35.8 c 13 18.6 22.8 38.7 28 60.9 c 1.5 6.5 2.6 13 2.6 19.8 c 0 15.5 0 31.1 0.3 46.6 c 0.1 6.7 -2.6 11.5 -7.9 15.6 c -9.6 7.4 -16.5 17.1 -22.5 27.5 c -1.4 2.4 -2.8 4.8 -2.7 7.6 c 1.1 3.9 4.6 4 7.4 4.6 c 6.3 1.3 12.7 1.5 19.1 0.2 c 7.4 -1.4 13.2 -5.6 17.5 -11.8 c 2 -2.9 2.4 -6.1 2.3 -9.5 c -0.1 -3.8 -1.2 -7.7 0.7 -11.3 c 2.3 -2.7 5.6 -2.7 8.3 -4 c 7.1 -3.1 7.8 -4.5 6.8 -12 c -1.8 -12.9 -5.5 -25.4 -8.1 -38.2 c -0.6 -3 -1 -6 -1.1 -9 c -0.6 -25.8 -1.2 -51.6 -2 -77.4 c -0.1 -5 -0.9 -9.9 -1.4 -14.9 c -0.3 -2.9 -1.8 -5.2 -3.6 -7.4 c -4.3 -5.5 -8.5 -11 -13 -16.2 c -9.4 -11 -15.5 -23.6 -18.9 -37.5 c -1.5 -6.3 -1.3 -12.7 -0.1 -19 c 3.1 -15.8 8.6 -30.9 13.4 -46.3 c 3.7 -11.9 7.8 -23.7 9.6 -36.1 c 2.1 -14.8 3.7 -29.7 1 -44.7 c -0.9 -5 -2.7 -9.6 -4.9 -14.1 c -3.3 -6.4 -6.6 -12.8 -10 -19.2 c -2 -3.6 -3 -7.1 0.5 -10.7 c 4.1 0.8 6.3 3.6 7.9 6.8 c 7.2 14.7 13.9 29.5 15.3 46.3 c 0.7 8.9 1.1 17.7 1.3 26.6 c 0.7 34.9 1.3 69.9 2 104.9 c 0.2 11.1 0.9 22.2 1.5 33.2 c 0.1 2.2 0.6 4.4 1.1 6.5 c 5.7 23.1 11.5 46.2 17.1 69.4 c 1.5 6.2 4.3 11.3 10.8 13.9 c 2.3 -5.7 -2.5 -11.4 0 -17.2 c 0.9 4.3 2.4 8.2 2.2 12.4 c -0.2 4 0.8 7.6 3 10.7 c 1.9 1.4 3.7 1.7 6 0.5 c 5.4 -8.7 1.6 -19 3.8 -29.3 c 4.1 6.1 2.9 13.1 6.3 19.2 c 1.7 -4.4 2.3 -8.5 2.4 -12.6 c 0.1 -4.7 0.2 -9.4 0.2 -14.1 c 0 -4.3 0 -8.6 0.6 -13 c 1.2 6 0.8 12.1 3.7 17.9 c 3.6 -4 4.3 -9.1 5.1 -13.9 c 1 -5.5 1.6 -11 1.8 -16.5 c 1.5 -42.4 2.3 -84.9 1.6 -127.3 c -0.2 -11.9 -0.4 -23.9 -1.5 -35.8 c -1.9 -21.3 -5 -42.4 -12.4 -62.6 c -9.9 -27.2 -29.5 -42.8 -57.8 -47.8 c -9.6 -1.7 -19.2 -2.6 -28.9 -3.1 c -13 -0.6 -25.8 -2.5 -38.4 -6.2 c -27.5 -8 -55.8 -8.9 -84.1 -7 c -18.8 1.3 -37 6.4 -55.3 11 c -18 4.5 -36.2 8.2 -54.7 10.1 c -9.6 1 -19.4 0.8 -29.1 0.8 c -15.5 0 -31.1 -0.3 -46.5 -2.3 c -17.5 -2.3 -34.6 -6.1 -50.9 -12.6 c 5.3 -2.5 10.4 -5.7 15.2 -9.5 c 2.8 -2.2 1.3 -7.5 -2.1 -8.1 c -9.5 -1.7 -14 -10.4 -19.3 -17.5 c -0.7 -0.9 -1.4 -1.8 -2 -2.6 c 6.9 -2.1 13.6 -5 19.6 -9 c 3.9 -2.6 2.6 -9.1 -2.5 -9.1 h -38.6 c -1.3 -4.4 -1.3 -9 -2.4 -13.9 c -1.6 -7.3 -6.3 -13.7 -12.7 -17.5 c -10.2 -6 -24.4 -4.5 -34.3 -10.7 c 0.7 -0.4 1.2 -1 1.6 -1.7 c 16.9 -1 33.1 2.9 46.8 13.5 c 0.7 0.1 1.4 0.2 2.1 0.3 c -14.9 -12.6 -35.4 -25.6 -53.3 -22.5 c 0.1 -0.2 0.1 -0.3 0.2 -0.5 c 8.6 -1.8 16.4 -5.6 21.8 -14.2 c 2.1 -3.3 -0.7 -7.1 -4.2 -7.3 c -17.4 -1.3 -35 -0.4 -52.4 -2 c -4.4 -1.8 -8.9 -3.2 -13.7 -3.9 c -7.3 -1.1 -14.5 -1.2 -21.8 -1.1 c 1.4 -0.9 2.7 -1.9 4.1 -2.9 c 4.3 -3.1 1.9 -10.6 -3.8 -8.9 c -18.6 5.6 -37.9 7.1 -57.2 8.6 c -0.9 0.1 -1.7 0.4 -2.4 0.8 c -7.4 -5.9 -13.1 -14.2 -22.3 -19.3 c -1.1 7 2.9 12.8 2.4 19.2 c -4.8 -1.9 -5.6 -2.6 -9.9 -8.9 c -2.5 -3.6 -4.9 -7.2 -7.5 -11.2 c -2.9 6.8 -2.9 6.8 5.6 33.7 c -1 4 -4.1 6.6 -7.1 8.9 c -1 0.7 -1.9 1.5 -2.8 2.3 c -24.1 -11.9 -45.2 -29.7 -69.2 -40.9 c -1.1 -0.5 -2.1 -0.6 -3.1 -0.4 c -0.1 -0.1 -0.2 -0.2 -0.3 -0.3 C 32.1 107 25.2 113.9 29.9 118 z M 361.1 221.8 h 2.8 c -0.7 0.2 -1.4 0.4 -2.1 0.5 C 361.6 222.2 361.3 222 361.1 221.8 z" style="stroke: none; stroke-width: 1; stroke-dasharray: ; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: rgb(0,0,0); fill-rule: nonzero; opacity: 1;" transform="" stroke-linecap="round" />
</g>
<g transform="translate(254.97 215.46)">
<text font-family="Arial" font-size="25" font-weight="normal" style="stroke: none; stroke-width: 1; stroke-dasharray: ; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: #000; fill-rule: nonzero; opacity: 1;" ><tspan x="-31" y="3.6375" fill="#000">TEST</tspan></text>
</g>
<g transform="translate(240 240)">
<image xlink:href="http://shirtcity.local/pub/media/pdp/images/file1534511892mask.png" x="-240" y="-240" style="stroke: none; stroke-width: 1; stroke-dasharray: ; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: rgb(0,0,0); fill-rule: nonzero; opacity: 1;" width="480" height="480" preserveAspectRatio="none"></image>
</g>
</svg>
</div>

<div id="target"></div>

<script type="text/javascript">
    fitSVGPreview(document.getElementById('original').innerHTML);
    function fitSVGPreview(svg) {
        svg = svg.replace(/\<g transform\=\"translate\(240\ 240\)\"\>[\s\S]*?<\/g\>/g, '');
        svg = svg.replace(/\<rect\ x\="\-240"([^>]*?)>/g, '');
        document.getElementById('target').innerHTML = svg;
        var tempSVG = document.getElementById('target').children[0];
        var box = tempSVG.getBBox();
        tempSVG.setAttribute("viewBox", [box.x, box.y, box.width, box.height].join(" "));
    }
</script>

</body>
</html>

 

No tags Leave a Comment more...

24
6月/16

JS精度计算

by under javascript
Math.formatFloat = function(f, digit) { 
    var m = Math.pow(10, digit); 
    return parseInt(f * m, 10) / m; 
} 

var numA = 0.1; 
var numB = 0.2;
alert(Math.formatFloat(numA + numB, 1) === 0.3);

这个方法是什么意思呢？为了避免产生精度差异，我们要把需要计算的数字乘以 10 的 n 次幂，换算成计算机能够精确识别的整数，然后再除以 10 的 n 次幂，大部分编程语言都是这样处理精度差异的，我们就借用过来处理一下 JS 中的浮点数精度误差。

No tags Leave a Comment more...

12
5月/14

iframe下JS跨域的方法

by under javascript
一般情况下，浏览器是禁止JS跨域操作的，这对于iframe调用其他域名下的页面一样是禁止的，在iframe里如果我们想操作父级或子级页面里的dom对象就不行了，如何解决呢？    浏览器虽然会禁止js跨域访问页面中的对象，但对于iframe的层级关系引用并没有做限制，即parent仍然可用；该方案就是利用了2层内嵌 iframe、使用第二级iframe中的页面与parent.parent的页面是同域名的关系，从而避免跨域问题实现两个页面间相关数据的传递，本质上就是利用parent.parent实现对父父页面中js的回调！   (continue reading…)
No tags Leave a Comment more...

8
11月/13

jQuery printArea 打印

by under jquery

http://plugins.jquery.com/PrintArea/

RitsC-PrintArea-2.3.2-0-ga4d7ac1

No tags 1 Comment more...

31
5月/13

网站如何做到完全不需要 jQuery ？

by under javascript

jQuery 是现在最流行的 JavaScript 工具库。

据统计，目前全世界 57.3% 的网站使用它。也就是说，10 个网站里面，有 6 个使用 jQuery。如果只考察使用工具库的网站，这个比例就会上升到惊人的 91.7%。 (continue reading…)

No tags 8 Comments more...

19
4月/13

js table to csv

by under jquery
$.fn.tableToCSV = function(filename) {
        var csv_str = "";
        function createCSVRow(data) {
            var row = "";
            for (var i = 0; i < data.length; i++) {
                var cell = (""+data[i]).replace('"', '""');
                row += ~cell.indexOf(";") ? '"' + cell + '";' :  cell + ";";
            }
            return row.replace(/(;$)/, "");
        }
        function popup(data){
            $("body").append('
');
            $("#exportdata").val(data);
            $("#exportform").submit().remove();
            return true;
        }
        this.each(function() {
            $("tr", this).each(function() {
                var cells = $("td,th", this).map(function() {
                    return $(this).text();
                }).get();
                csv_str += createCSVRow(cells) + "\n";
            });
        });
        popup(csv_str);
        //window.location = "data:application/csv;charset=utf=8;base64," + window.btoa(unescape(encodeURIComponent(csv_str)));
    };

(continue reading…)

No tags 2 Comments more...

12
7月/12

js横向滚动

by under javascript



    
    




    

        
test1 +++ test2 +++ test3 +++ 
No tags Leave a Comment more...

14
5月/12

Jquery 离开页面时提醒

by under jquery

//绑定beforeunload事件
$(window).bind(‘beforeunload’,function(){
return ‘您输入的内容尚未保存，确定离开此页面吗？’;
});

//解除绑定，一般放在提交触发事件中
$(window).unbind(‘beforeunload’);

No tags Leave a Comment more...

28
3月/12

iframe里面的页面调用父窗口,左右窗口js函数的方法

by under javascript

实现iframe内部页面直接调用该iframe所属父窗口自定义函数的方法。
比如有A窗口，A内有个IFRAME B，B里面的装载的是C页面，这时C要直接调用A里面的一个自定义函数AFUN(); (continue reading…)

No tags Leave a Comment more...

Copyright © 1996-2010 Add Lives. All rights reserved.
iDream theme by Templates Next | Powered by WordPress