HTML,可通过单击“编辑"按钮来使Div可编辑 [英] HTML making Div editable by clicking on the edit button
本文介绍了HTML,可通过单击“编辑"按钮来使Div可编辑的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
当我单击左下角的编辑图标时,我试图使两个DIV都可编辑.我该怎么办?
I am trying to make both DIV's editable when I click on the edit icon on bottom left. How can I do that?
<li class="question" id="question2">
<div class="question-header curves dense-shadows">
What color is the sky?
</div>
<div class="question-content dense-shadows">
<ol type="A">
<li><input type="radio" id="q2a1" name="question2" /> Red</li>
<li><input type="radio" id="q2a2" name="question2" /> Green</li>
<li><input type="radio" id="q2a3" name="question2" /> Blue</li>
<li><input type="radio" id="q2a4" name="question2" /> Brown</li>
</ol>
<div style="text-align:right">
<a href="#"><span style="margin-left:5px;"><img src="images/editbutton.png"
onmouseover="this.src='images/editbuttonhover.png'" onmouseout="this.src='images/editbutton.png'" title="Edit" alt="edit" /></span></a>
<a href="#"><span style="margin-left:5px;"><img src="images/deletebutton.png"
onmouseover="this.src='images/deletebuttonhover.png'" onmouseout="this.src='images/deletebutton.png'" title="Delete" alt="delete"/></span></a>
</div>
</div>
</li>
推荐答案
您的问题不清楚,但我会尝试猜测.如果要使div可编辑,则可以将它标记为contenteditable
Well you question is not clear but i will try to guess. If you want to make div editable you can mark it with contenteditable
为此,请替换您的代码
<a href="#"><span style="margin-left:5px;"><img src="images/editbutton.png"
onmouseover="this.src='images/editbuttonhover.png'" onmouseout="this.src='images/editbutton.png'" title="Edit" alt="edit" /></span></a>
与
<a href="javascript:void(0)" class="edit"><span style="margin-left:5px;"><img src="images/editbutton.png"
onmouseover="this.src='images/editbuttonhover.png'" onmouseout="this.src='images/editbutton.png'" title="Edit" alt="edit" /></span></a>
然后添加脚本
<script>
$("a.edit").click(function(){
$("div.question-content").attr("contenteditable", "true");
});
</script>
请注意,我已经添加了链接类并替换了HREF
Please note that i have added class to link and replaces HREF
这是我的示例 http://jsfiddle.net/r9HTe/
这篇关于HTML,可通过单击“编辑"按钮来使Div可编辑的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文