Узел HTML -код выглядит следующим образом:
Кода -копия выглядит следующим образом:
<div id = "img_1">
<input type = "image" src = "img/cump.png"> </input>
<div id = "netetxt" type = "text" ondblclick = "Changename (this.id);"> 123 </div>
</div>
JS РЕДАКТИРОВАТЬ ТЕКСТ НОВЕТА, ФУНКЦИЯ заключается в следующем:
Кода -копия выглядит следующим образом:
функция ChangeName (NotetxTid) {
var natetxt = document.getElementById (notETXTID);
natetxt.style.display = "none"; //. style.display = "block"
var div = natetxt.parentnode;
if (! document.getElementById ("NoteInput")) {
var text = document.createElement ("input");
text.type = "text";
text.id = "noteinput";
text.style.width = getStyle (notetxt, 'width');
text.style.height = getstyle (notetxt, 'height');
text.style.margintop = getStyle (Notetxt, 'margintop');
text.style.textalign = getStyle (Notetxt, 'textalign');
text.value = natetxt.innerhtml;
div.appendchild (текст);
text.select ();
text.onblur = function () {
natetxt.style.display = "block";
natetxt.innerhtml = text.value;
//text.style.display= "нет";
div.removechild (текст);
}
}
}
// Получить стиль в файле CSS
функция GetStyle (obj, attr)
{
if (obj.currentStyle)
{
вернуть obj.currentStyle [attr]; // т.е.
}еще{
вернуть getComputedStyle (obj, false) [attr]; // ff
}
}
CSS выглядит следующим образом:
Кода -копия выглядит следующим образом:
.img_1 {
Ширина: 80px;
Высота: 70px;
позиция: абсолютно;
}
.notetext {
Ширина: 80px;
высота: 15px;
Текст-альбом: Центр;
маржинальная версия: 70px;
разрыв в словесном: разрыв;
}
Код очень прост, поэтому я не буду объяснять это здесь. Друзья могут свободно использовать его и использовать в своих собственных проектах.