我是Javascript的新手。我正在处理我的Django项目,我想添加一些按钮,如img按钮。这是一个例子:
因此,当用户单击textarea中的img按钮时,将添加以下文本:
<img src="[YOUR IMAGE]">
感谢您的帮助。
答案 0 :(得分:0)
如果我正确理解了您的问题,您必须使用javascript调用函数来写入指定的元素,并在图像上使用onclick。
类似的东西:
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制作。 Canser Yanbakan
答案 1 :(得分:0)
如果您还没有意识到,那么您需要的不仅仅是图像。我建议将Glyphicons用于此目的,将简化一切并且将更轻量级。
假设我们使用了fontawesome字形。
在您将保留控件的文本区域上方创建一个栏
<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>
为简单起见,我在按钮控件元素上使用了id,并使用JQuery来监听点击事件,使其更加简单。
$("#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}");
});
注意这是一个简单的&amp;帮助您入门的基本示例。 Glyphicons和JQuery只是我对这个问题的建议。
答案 2 :(得分:0)
如果您正在寻找更改按钮样式的方法,我建议您使用CSS而不是<img>
HTML标记。
background-image
background-image
或所选按钮您将使用javascript element.classList.add('.selected')
或element.classList.remove('.selected')