jQuery的：通過點擊在textarea的

-3

格顯示文本我非常新的JavaScript和希望有人能幫助我找到了以下解決方案：jQuery的：通過點擊在textarea的

我有它的一些文本和一個onclick事件一個div 。我怎樣才能管理，當你點擊div它顯示文本區域內的文本和文本區域內的按鈕 - 類似於你可以在這裏編輯你自己的評論在這裏？

如何穿上它默認：

<div class="clickable" onclick="TheFunctionIamLookingFor()">Some awesome text.</div>

究竟應該如何看待點擊：

<button type="button" id="myBtn">BtnName</button> 
<textarea id="myArea">Some awesome text.</textarea>

的任何幫助，非常感謝，蒂姆

來源

2013-10-23 user2571510

告訴我們一些代碼.. –

什麼'showTextarea（）'做。你可以顯示該代碼嗎？ – putvande

只是一個HTML表單 – user2571510

試試這個

function youAreLookingFor() { 
    var awesomeText = $(this).html(); 
    var $form = $(this).parent(); 
    $(this).remove(); 
    var textArea = '<button type="button" id="myBtn">BtnName</button> 
        <textarea id="myArea">'+ awesomeText +'</textarea>' 
    $form.append(textArea); 
}

如果你的意思是給每個可點擊的鏈接不同的myBtn和myArea的名字，那麼你應該給可點擊的div一個id過，並從那裏開始創建的文本區域和按鈕的ID。

來源

2013-10-23 13:39:43

非常感謝 - 這正是我一直在尋找的。對不起，在開始時缺少的信息。 – user2571510

如果你只想使用JavaScript DOM元素，然後

<html> 
<head> 

<style> 
.dip 
{ 
display:none; 
} 
.dip1 
{ 
display:; 
} 
</style> 

<script> 
function TheFunctionIamLookingFor() 
{ 
document.getElementById("myArea").className="dip1"; 
document.getElementById("myBtn").className="dip1"; 

} 
</script> 
</head> 
<body> 

<p>Click the button to trigger a function.</p> 

<div class="clickable" onclick="TheFunctionIamLookingFor()" >Some awesome text. 
<button class="dip" id="b1" type="button" id="myBtn">BtnName</button> 
<textarea class="dip" id="myArea">Some awesome text.</textarea> 

</body> 
</html>

來源

2013-10-23 13:41:21

謝謝 - 這也非常有幫助！ – user2571510

還有另一條出路，讓你想即使用HTML屬性contententeditable=true，使編輯 DIV什麼。您可以使用下面的語法：

<div contenteditable=true> 
    contents here 
</div>

這有利於複製粘貼+圖像在div以及文本編輯使用鍵盤快捷鍵等

檢查文本即應用字體這fiddle

來源

2013-10-23 14:33:24

jQuery的：通過點擊在textarea的

回答

相關問題