Inhalt editierbare cursor-position
Ich habe ein div das die Inhalte bearbeitet und ich möchten, klicken Sie auf die Schaltfläche Bearbeiten, und der cursor wird an den Anfang des div, in der minute, in der am Ende angezeigt.
<li style="display: list-item;" class="menu-item" contenteditable="true">
<div class="">Dior<input type="checkbox" name="selected"></div>
<ol class="">
<li style="display: list-item;" class="menu-item">
<div class=""><a href="/portfolios/charlize-theron" class="" name="">Charlize-Theron</a>
<input type="checkbox" name="selected"></div>
</li>
<li style="display: list-item;" class="menu-item">
<div class=""><a href="/portfolios/natalie-portman" class="" name="">Natalie-Portman</a>
<input type="checkbox" name="selected"></div>
</li>
<li style="display: list-item;" class="">
<div class=""><a href="/portfolios/sharon-stone-1" class="" name="">Sharon-Stone</a>
<input type="checkbox" name="selected"></div>
</li>
</ol>
<a href="#" class="edit" style="opacity: 1; ">Edit</a></li>
So, wenn Sie klicken Sie auf Bearbeiten, in der minute, Sie müssen Pfeil-Schlüssel zurück an den start zu Bearbeiten, die von Dior (das ist die einzige Sache, die wirklich ist bearbeitet). aber ich habe versucht, fügen Sie den Inhalt editierbar-code für das div nur und es funktioniert nicht.
Hier einige meiner jQuery
$(".edit").click(function(){
$(this).parent().children("div").focus(function(){
});
});
$(".edit").hover(function(){
$(this).css("opacity","0.5")
}, function(){
$(this).css("opacity","1")
});
$(".edit").parent().blur(function(){
var sortableList = $(".sortable").html();
$("#ItemDescription").val(sortableList);
});
function storeUserScribble(id) {
var scribble = $("li div").text();
localStorage.setItem('userScribble',scribble);
}
function getUserScribble() {
if ( localStorage.getItem('userScribble')) {
var scribble = localStorage.getItem('userScribble');
}
else {
}
}
function clearLocal() {
clear: localStorage.clear();
return false;
}
Wenn jemand kann etwas Licht auf, warum der cursor nicht an der front der div automatisch, die helfen könnten. Ich würde lieben, um die cursor-position an den Anfang DH Vor DIOR.
Danke für die Hilfe!
InformationsquelleAutor Tara Irvine | 2011-08-29
Du musst angemeldet sein, um einen Kommentar abzugeben.
jsFiddle: http://jsfiddle.net/X6Ab8/
Code:
Würde ich alle Formular-Steuerelemente nicht-editierbar (mit
contenteditable="false"
), wenn Sie wollen, um zu funktionieren.Sorry, wie mache ich das? In Firefox bekomme ich Sie an den Griffen auf den link, das will ich nicht, aber das div-Element muss bearbeitet werden. Irgendwelche Ideen?
Ich merke mein Kommentar ist übrigens später, aber es gibt eine CSS-Regel für W3C-Browser. Siehe: stackoverflow.com/questions/826782/... auf IE, müssen Sie einen anderen HTML-Attribut
unselectable='on
InformationsquelleAutor Tim Down
Check: Set cursor position auf contentEditable <div>
Zusätzlich für den IE ist, überprüfen Sie auch hier dokumentieren.Auswahl.createRange.
InformationsquelleAutor zvona