Muszę utworzyć warstwę div, aby po kliknięciu na nią kursor był migający i można wstawiać/usuwać tekst tak, jak robi to <input type="text">, z tym wyjątkiem, że nie chcę go używać, ponieważ jest nieco zbyt ograniczony do mojej sprawy.Jak zrobić div za pomocą migającego kursora i edytowalnego tekstu bez użycia <input>?
Zdecydowanie mogę używać JavaScript.
Element DIV ma również (inne elementy) właściwość, którą można ustawić w Javascript na true.
getElementById('YourDiv').contentEditable = true;
Proponuję użyć textarea, a jeśli to nie wystarczy, należy użyć edytora WYSIWYG jak TinyMCE lub FCKeditor.
Element div można edytować, ustawiając jego atrybut contentEditable na true. Jednak dla wszystkiego, co jest nieco mocniejszy lub elastyczny wtedy bardzo prosty montaż, można zajrzeć do istniejących rozwiązań, takich jak:
contentEditable W tym celu można użyć atrybutu. Poniższa linia kodu została przetestowana w IE7 i Firefox 3.0.10. Jedna część, zauważyłem, że ten atrybut powinien być używany tylko w małych literach; w przeciwnym razie nie będzie działać w Firefoksie.
<div id="Div_ID" contenteditable="true" tabindex="0">
Enter text here
</div>
jak rozumiem problemu, można resove dodając textarea do swojej div. Jest to bardzo proste, aby dokonać automatycznej zmiany tego textarea, aby zająć cały obszar div i wygląda on tak: div.
Jeśli chodzi o contentEditable, widziałem niektóre przeglądarki, obsługiwane tej funkcji dla div -element i nie. W każdym razie możesz użyć iframe w swoim div. To jest document -element może mieć contentEditable.
Jquery można stosować tak:
$.('#yourDiv').click(function() {
$(this).attr('contenteditable', 'true');
});
można zrobić w znacznikach także:
Ok, myślałem, że to możliwe tylko na dokumencie, przepraszam! –
Należy zauważyć, że "contentEditable" nie znajduje się w specyfikacji HTML4.01 lub w specyfikacji DOM2 HTML (1.0). Jest to coś dodawane przez przeglądarki. –