我有一个textarea,人们应该能够链接到我网站上的其他主题。我现在有6个按钮OnClick
,但我希望它更容易实现,所以我想要一个click event
代替它......
问题在于我不知道该怎么做。例如,如果有人点击某个按钮,则必须弹出一个带有输入字段的javascript弹出窗口,人们可以在其中填写网站或主题的URL。填写完毕后,必须自动将其放在textarea上。
我该怎么做?
这就是我的尝试:
<?php
if ($verified_user) {
echo "
<form method=post action=\"\" class=post>
<textarea id=\"qut\"></textarea>
<div class=wtf>
<input type=\"button\" class=\"button\" onclick=\"hen('d','--! ($language[spoil]: spoiler) !--\n\r','\n\r--! ($language[spoil] : spoiler) !--\r')\" value=\"$language[spoiler]\" />
</div>
"; }
?>
</div>
</textarea>
</form>
答案 0 :(得分:1)
因此,首先,您需要检查如何使用事件侦听器。谷歌,你会发现这个链接:https://developer.mozilla.org/en-US/docs/DOM/element.addEventListener
然后您需要知道如何更新文本框的内容。再次:在互联网上查找它,你会发现innerHTML
。
最后它看起来像这样:http://jsfiddle.net/zvnAH/1/
var button = document.getElementById("button");
if(button.addEventListener){ //FF, Chrome, Safari, IE > 9, ...
button.addEventListener('click', addLink, false);
}else if(button.attachEvent){ //IE < 9
button.attachEvent('onclick', addLink);
}
function addLink(){
var tmp = document.getElementById("txt").innerHTML;
var link = prompt("Add link:");
document.getElementById("txt").innerHTML = tmp + link;
}
答案 1 :(得分:0)
(六个中的一个),添加:
<input type="button" onclick="window.open(URL_of_the_new_page_with_input_field,'name_popup','menubar=no, status=no, scrollbars=no, menubar=no, width=200, height=100');" />
在另一页中,您有输入字段和一个按钮确定。
使用它:
<input type="button" value="OK" onclick="window.opener.document.getElementById('the_textarea_id').value = document.getElementById('the_inputfield_id').value" />
愿这有帮助。