羞羞视频在线免费看,麻豆网站在线看,97在线中文字幕

jsp頁面調用火狐插件

同事已經開發了火狐插件，用于讀取非接觸卡的卡片信息，但是頁面上不會調用，查了資料之后發現其實蠻簡單，就是坑比較多。

<head>
<title>測試</title>    
<embed id="plugin" type="application/intime-plugin" style="display:block;width:50%;height:100px;"></embed>
<script language="JavaScript">
     var plugin = document.getElementById("plugin");
function doTest() {
        plugin.getcard();
        card = plugin.getcard;
        alert(card);
}     
</script>
</head>
<body>    
    <form name="formname">
     <input type="button" onclick="doTest()" value="讀卡"/>
    </form>
</body>

embed是插件的載入，getcard()是讀取卡的操作，getcard是獲得卡號信息。
1、即便使用jQuery，在定位插件所在DOM元素的時候也不能使用jQuery自帶的selector，否則讀不出來
2、插件不能被隱藏，如果被隱藏之后，就失效了，所以display:none;或者hide()都不可取。

將這個寫成了插件，方便讀卡操作使用。

(function($){
    $.fn.swipeCpu = function(params){
        var defaults = {
                trigger:false
        };
        $.extend(defaults, params);
        var ele = $(this);
        //height 1px,width 0px 盡可能壓縮插件在頁面的位置，不能設為0，也不能將display設置none,會導致插件失效；
        ele.after("<embed id=\"plugin-cpu-read\" type=\"application/intime-plugin\" style=\"display:block;height:0px;width:0px;\">");
        var plugin = document.getElementById("plugin-cpu-read");
        plugin.getcard();
        //雖然在插件中定義了該屬性是字符串，但是傳遞出來的是個對象，所以只能先復制到文本框，再取值，再截取
        var cardno = plugin.getcard;
        ele.val(cardno);
        cardno = substrCard($(this).val());
        ele.val(cardno);
        $("#plugin-cpu-read").remove();
        //是否需要觸發回車事件
        if(defaults.trigger){
            var event = $.Event("keyup");
            event.keyCode = 13;
            event.which = 13;
            ele.trigger(event);
        }
    };
})(jQuery);

posted on 2013-04-08 18:59 你爸是李剛閱讀(350) 評論(1) 編輯收藏

即便使用jQuery，在定位插件所在DOM元素的時候也不能使用jQuery自帶的selector，否則讀不出來，感謝樓主分享，利博亞洲www.libofun.com
插件不能被隱藏，如果被隱藏之后，就失效了，所以display:none;或者hide()都不可取。

回復更多評論

新用戶注冊刷新評論列表


只有注冊用戶登錄后才能發表評論。




網站導航: 博客園 IT新聞 Chat2DB C++博客博問管理

# re: jsp頁面調用火狐插件 2013-04-08 23:35 wet

氟塑料離心泵www.buybeng.com

jsp頁面調用火狐插件

評論

導航

統計

常用鏈接

留言簿

隨筆檔案

文章檔案

技術網站

行業網站

搜索

最新評論

閱讀排行榜

評論排行榜