Javascriptで新しいです。私は私のDjangoプロジェクトに取り組んでいます。imgボタンのようなボタンをいくつか追加したいと思います。ここでは一例です：だからJavascript - ボタンをクリックして特定のテキストをテキストエリアに貼り付けます。
ユーザーがテキストエリアにIMG]ボタンをクリックします。このテキストを追加されます。助けを
<img src="[YOUR IMAGE]">
感謝を。
私はあなたの質問を正しく理解していれば、あなたは指定された要素と画像に書き込むためにjavascriptの関数を呼び出さなければなりません。
何かのように：
onclick="document.location=this.id+'.html'
サンプル：
$(function(){
var $display = $('#display');
$display.val(0);
$(document).on('click', 'button.number', function(){
if($display.val() != 0) {
$display.val($display.val() + $(this).val());
} else {
$display.val($(this).val());
}
});
});
JSフィドルリンク：http://jsfiddle.net/qohdjovu/
これはおそらく、すでにここに答えた：Using jQuery to click the button and display the value of the button
スクリプト機能がによって作られました。 @R。カンザン・ヤンバカン
すでに気付いていない場合は、イメージ以上のものが必要です。その目的のためにグリフィコンを使用することをお勧めします。すべてを簡素化し、より軽量になります。
フォントワームのグリフを使用するとします。
私はボタン制御要素のidを使用し、それがさらに作るためのイベントをクリックして聞くためにjQueryのを使用しますが、簡単にするために
<section>
<i id="control-bold" class="fa fa-bold" aria-hidden="true"></i>
<i id="control-italic" class="fa fa-italic" aria-hidden="true"></i>
</section>
<textarea id="textarea"></textarea>
を、あなたのコントロールを保持しますテキストエリア上のバーを作成します。シンプル。
$("#control-bold").click(function(){
// Bold was clicked append {bold} to text area with whatever..
$("#textarea").append("{bold}");
});
$("#control-italic").click(function(){
// Italic was clicked append {bold} to text area with whatever..
$("#textarea").append("{bold}");
});
ご参考までに、これは単純な&の基本的な例です。グリフィコンとJQueryは、この質問に対する私の提案です。
ボタンスタイルを変更する方法をお探しの場合は、<img> HTMLタグの代わりにCSSを使用することをおすすめします。
background-imagebackground-imageまたは選択ボタンで選択されていないボタンのCSSクラス/ IDとjavascriptがelement.classList.add('.selected')またはelement.classList.remove('.selected')を使用してクラスを追加/削除します
あなたを助けるための情報が不十分です。あなたがtextareaの中にimgタグをインストールすることについて話しているのであれば、それは不可能です。........ HTMLタグはテキストエリア内でサポートされていません...これをチェックしてくださいhttps://stackoverflow.com/questions/4705848/rendering-html- inside-textarea – Akki619
ありがとうございました。私はここで解決策を見つけました：https://stackoverflow.com/questions/17816924/how-to-add-text-to-textarea-when-user-clicks-a-button – jestembotem