Le code HTML du nœud est le suivant:
La copie de code est la suivante:
<div id = "img_1">
<input type = "image" src = "img / cump.png"> </ entrée>
<div id = "notetxt" type = "text" ondblclick = "changeName (this.id);"> 123 </div>
</div>
JS Modifier le texte NotEtxt, la fonction est la suivante:
La copie de code est la suivante:
function changeName (NotEtxtid) {
var NotEtxt = document.getElementById (NotEtxtid);
NotEtxt.Style.display = "None"; //. Style.display = "Block"
var div = NottXt.parentNode;
if (! document.getElementById ("noteInput")) {
var text = document.CreateElement ("entrée");
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 = NOTTXT.InnerHtml;
div.ApendChild (texte);
text.select ();
text.onblur = function () {
NotEtxt.Style.display = "Block";
NotEtxt.InnerHtml = text.Value;
//text.style.display= "Aucun";
div.removechild (texte);
}
}
}
// Obtenez le style dans le fichier CSS
Fonction GetStyle (OBJ, att)
{
if (obj.currentStyle)
{
return obj.currentStyle [att]; // c'est-à-dire
}autre{
return getCompuledStyle (obj, false) [att]; // ff
}
}
CSS est le suivant:
La copie de code est la suivante:
.img_1 {
Largeur: 80px;
hauteur: 70px;
Position: absolue;
}
.NoteText {
Largeur: 80px;
hauteur: 15px;
Texte-aligne: Centre;
marge: 70px;
Bris de mot: Break-All;
}
Le code est très simple, donc je ne l'expliquerai pas ici. Les amis peuvent l'utiliser librement et l'utiliser dans leurs propres projets.