QR码如何获取链接当前页面?

时间:2014-09-15 06:36:45

标签: java javascript php wordpress qr-code

您好我是编程新手需要一点帮助来自定义QR码脚本并希望在我的网站上使用。

我想要的是自动获取链接,因此在下面的行编辑并用

替换输入文本
<input id="text" type="text" value="http://www.demo.com"/><br />

但是当我在wordpress网站上尝试时我给出了输入行我不希望该行只是当前链接的QR码图像我认为需要删除并替换此脚本中的内容 也试图删除

<meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=no" />
<script type="text/javascript" src="jquery.min.js"></script>
<script type="text/javascript" src="qrcode.js"></script>
<body>
<input id="text" type="text" value="<?php echo get_permalink(); ?>"/><br />
<div id="qrcode" style="width:100px; height:100px; margin-top:15px;"></div>
<script type="text/javascript">
var qrcode = new QRCode(document.getElementById("qrcode"), {
width : 100,
height : 100
});
function makeCode () {      
var elText = document.getElementById("text");

if (!elText.value) {
    alert("Input a text");
    elText.focus();
    return;
}

qrcode.makeCode(elText.value);
}
makeCode();
$("#text").
on("blur", function () {
    makeCode();
}).
on("keydown", function (e) {
    if (e.keyCode == 13) {
        makeCode();
    }
});
</script>
</body>

2 个答案:

答案 0 :(得分:0)

使用QR Code WordPress插件在您的博客中插入QR码。 qr代码包含当前URL或您喜欢的任何其他文本。

here

下载

如何使用

  1. 使用您网站中的短代码[qrcode]生成包含当前网站网址的QR码
  2. 使用详细的短代码生成包含任何文本内容的单个qr代码: [qrcode content =&#34; CONTENT&#34;大小=&#34; 80&#34; ALT =&#34; ALT_TEXT&#34; class =&#34; CLASS_NAME&#34;]
  3. 可能的参数有:alt,size,class,credit,shadow
  4. 如果您不提供任何参数,例如&#39; alt&#39;或者&#39; size&#39;,标准参数是: alt =&#34;扫描QR码&#34; size = 120 类=&#34;&#34; credit = true shadow = true
  5. 如何安装插件:

    1. 下载文件qrcode-wprhe.zip请勿重命名文件!important
    2. 转到/ wp-admin
    3. 的Wordpress管理员面板
    4. 获取/wp-admin/plugin-install.php并上传下载的zip文件
    5. 通过&#39;插件&#39;激活插件WordPress中的菜单
    6. 在您想要的帖子中使用短代码[qrcode]。
    7. DONE

答案 1 :(得分:0)

好的,目前我正在使用display:none;对于输入框,所以它临时解决我的问题。