为什么Pinterest代码会更改浏览器中显示的页面(URL)?

时间:2012-06-07 21:25:42

标签: javascript pinterest

所以我花了很长时间试图找到一个Pinterest Pin It按钮,它有一个计数器AND允许我在点击它时从页面中选择任何图像。

Pinterest提供的Pinterest代码要求您指定要共享的特定图像,但它有一个计数。

可以采用Pinterest浏览器按钮在页面上使用,并打开一个javascript窗口,允许用户在页面上选择任何合适的图像,但它没有计数。

我一直在玩,寻找并且非常接近。我有这个代码,这是我自己的一些,我在其他网站上找到了一些代码:

<a class='pin-it-button' count-layout='horizontal' href='http://pinterest.com/pin/create/button/?url={Encoded URL of Current Page}'>Pin It</a>
<a href='javascript:void(run_pinmarklet())' style='margin-left:-93px; width:43px; height:20px; display:inline-block;'/></a>
<script src='http://assets.pinterest.com/js/pinit.js' type='text/javascript'/>
<script type='text/javascript'>
function run_pinmarklet() {
var e=document.createElement('script');
e.setAttribute('type','text/javascript');
e.setAttribute('charset','UTF-8');
e.setAttribute('src','http://assets.pinterest.com/js/pinmarklet.js?r=' + Math.random()*99999999);
document.body.appendChild(e);
}
</script> 

这样做基本上是通过使用计数按钮作弊,然后将允许用户选择图像的代码直接放在原始按钮的顶部。用户认为他正在点击Pin It按钮,但是点击了运行javascript run_pinkarklet()的按钮。

这是有效的,但是在我得到弹出窗口选择图像后,我确实选择了图像,然后将其插入弹出窗口以完成钉扎,这有效 - 但同时浏览器中的主页重新加载。它不会重新加载原始页面,但会重新加载当前文件夹的主URL。

示例 - 假设我固定的页面是:     http://www.example.com/folder1/page1.php

重新载入 -     http://www.example.com/folder1/

我找不到任何方法来阻止重新加载或至少重新加载源页面。

我在最新的Chrome和Firefox上确认了此行为。

有什么想法吗?

3 个答案:

答案 0 :(得分:0)

Pinterest's Widget builder现在支持任何图片选项。

答案 1 :(得分:-2)

在onclick事件中将URL值设置为cookie变量。您可以访问cookie值,使用cookie值并重定向页面。

答案 2 :(得分:-3)

的javascript:无效((函数(){风险%20E =使用document.createElement( '脚本'); e.setAttribute( '类型', '文本/ JavaScript的'); e.setAttribute( '字符集',“UTF -8 '); e.setAttribute(' SRC”,的 'http://assets.pinterest.com/js/pinmarklet.js R =' +的Math.random(?)* 99999999); document.body.appendChild(例如)})());