最简单的方式为访问者提供“在我的博客上发布”HTML代码

时间:2012-03-11 11:12:22

标签: javascript html

我正在开发一个简单的JS网页:http://zhilkin.com/socio_en.html,并希望为访问者提供复制一段文本(例如他们的社会型描述)的选项,并带有指向此页面的链接博客,主页等。

例如,访问者阅读社会型描述并单击链接/按钮。我想在同一页面或弹出窗口中显示这样的内容:

  

将此HTML代码复制/粘贴到您的博客中:

<p>...<p>
<a href="...">

我在某些网站上遇到过这样的功能,但未能找到任何指南或示例。任何信息,建议,链接将受到高度赞赏。

2 个答案:

答案 0 :(得分:1)

不知何故,为每个放入字符串的选项获得0/1。

假设前4个选项我选择了左侧选项,其余的我选择了右侧,该字符串将如下所示:0000111111111111

获得该字符串后,您可以向其显示一个包含以下文本的框:

http://zhilkin.com/socio_en.html?preload=0000111111111111

当然,0000111111111111会根据所选的值而变化,因此每次更改时都会使用新链接更新该框。

最后,您需要一点点PHP来阅读&#34; preload&#34;变量并根据它生成预先选择的选项,其中每个字符都是一个选项。

对于纯JavaScript版本,请使用HASH。 URL最终会如下所示:

http://zhilkin.com/socio_en.html#0000111111111111

加载后,您可以使用window.location.hash获取选项,当您更改选项时,您可以通过设置window.location.hash来使用新的值字符串更新该链接。当人们传递该URL时,这将被保留。

答案 1 :(得分:1)

可能会帮助你

<强> HTML

<button onclick="popOpen();">Popup</button>​

<强> JS

function popOpen()
{
    var myWindow=window.open ("", "","width=350,height=250");
    var content="Copy/paste this HTML code to your blog:";
    content+="<textarea style='width:300px;height:100px;margin:10px 0;border:none;'><p>This is 'myWindow'</p>\n\n<a href='http://google.com'>Link</a></textarea>";
    myWindow.document.write(content);
    myWindow.focus();
}​

小提琴是here