说明:autoitem插件的作用就是自动识别网页上指定区域的淘宝商品链接,并自动转换为淘点金单品组件标签代码。淘点金CLICK组件链接转换功能下线后,这个插件可以用得上。感谢u.php?uid=4966053 的分享。
1、插件js代码:将如下插件代码放在网页淘点金js代码之前。
<script type="text/javascript" id="autoitem" data-tmplid="1111"> /*! * This plugin is used for transform taobao item link to taodianjin item TAG. * 用法: 1 给需要autoitem的 div 添加属性 data-plugin="autoitem" 2 data-tmplid="模板id" 可以自定义单品组件模板 */ var mm = mm || {}; mm.autoItem = function () { var doc = document; var data = doc.getElementById("autoitem"); var tplid = data.getAttribute("data-tmplid") || "1110"; var eles = doc.getElementsByTagName("div"); for (var i = 0; i < eles.length; i++) { if (eles[i].getAttribute("data-plugin") == "autoitem") { //find taobaolinks var links = eles[i].getElementsByTagName("a"); for (var j = 0; j < links.length; j++) { var aEle = links[j]; var href = aEle.href; if (href.indexOf("item.taobao.com") > -1 || href.indexOf("detail.tmall.com") > -1) { var id; var begin = href.indexOf("id="); var end = href.indexOf("&", begin); if (end > -1) id = href.substring(begin + 3, end); else id = href.substring(begin + 3); aEle.setAttribute("target", "_blank"); aEle.setAttribute("data-type", "0"); aEle.setAttribute("data-rd", "2"); aEle.setAttribute("data-style", "2"); aEle.setAttribute("data-border", "0"); aEle.setAttribute("biz-itemid", id); aEle.setAttribute("data-tmplid", tplid); } } } } }; mm.autoItem(); </script>
2、在网页模板代码中,指定autoitem插件作用的网页区域范围。也即在相应的div上增加属性 data-plugin="autoitem"。
autoitem插件作用区域
3、autoitem插件的js代码比较简单,懂js代码的朋友也可以依照这个思路制作自己需要的插件。。。
4、data-tmplid="1111"这个是模板id,模板id可以使用自己定义的模板id,也可以使用官方提供的其它模板id。
演示:http://www.kao139.com/act/autoitem.html