我正在开发一个简单的JS网页:http://zhilkin.com/socio_en.html,并希望为访问者提供复制一段文本(例如他们的社会型描述)的选项,并带有指向此页面的链接博客,主页等。
例如,访问者阅读社会型描述并单击链接/按钮。我想在同一页面或弹出窗口中显示这样的内容:
将此HTML代码复制/粘贴到您的博客中:
<p>...<p> <a href="...">
我在某些网站上遇到过这样的功能,但未能找到任何指南或示例。任何信息,建议,链接将受到高度赞赏。
答案 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。