2012-12-24 136 views
-2

我有一个textarea,人们应该能够链接到我的网站上的其他主题。我有6个按钮,现在是OnClick,但我希望它更容易实现,所以我想要一个click event而不是它...如何使用点击事件来填充textarea javascript输入

问题是我不知道该怎么做。例如,如果有人点击某个按钮,它必须弹出一个带有输入字段的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

另外,你有什么尝试?你的问题已经全部回答了。 – Mathletics

+0

我问问题不容易解决:)像这样。 – user1814289

+0

投票结束;不是一个真正的问题。 (我也怀疑其他人。) – Mathletics

回答

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; 
}​ 
+0

小提琴不起作用。它不填写textarea ...感谢您的答案! – user1814289

+0

你使用什么浏览器?你读过我的链接了吗? – Alex

+0

Firefox。我正在阅读它,现在队友,谢谢。 InnerHTML是我正在寻找的词。 – user1814289

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" /> 

愿这帮助。

+0

感谢您的回复,但这不是我所需要的。我已经有一个onclick,我想要一个点击事件。 – user1814289

+0

你的意思是你想开火吗? 像$('#the_button_id')。trigger()? – Sakhr

+0

是的,确实如此。如果有人点击一个按钮,它必须显示一个javascript弹出窗口(http://),以便人们可以输入链接。此外,它必须有第二个弹出窗口,它会将链接(a href)名称更改为用户写入的任何内容。点击确定后,它应该把它放在textarea ... – user1814289

相关问题