THT DUYURU

chat
Seçenekler

Düzenlenebilir javascript SelectBox (ing)

ZeRooCooL - ait Kullanıcı Resmi (Avatar)
Üye
Üyelik tarihi:
01/2012
Mesajlar:
2.628
Konular:
1273
Teşekkür (Etti):
213
Teşekkür (Aldı):
305
Ticaret:
(0) %
29-03-2012 19:41
#1
Düzenlenebilir javascript SelectBox (ing)


Açılır kutu içerisinde bulunan verilerin düzenlenebilmesini sağlayan örnek bir JAVASCRIPT uygulaması.


Kod:
**********
   var EditableSelectBox=
   { add		: function(obj,def_value)
				  { var newobj=********.createElement('INPUT');
					newobj.type="TEXT";
					var width = parseInt(obj.style.width?obj.style.width:obj.clientWidth)-18;
					newobj.style.cssText="width:"+(width)+"px;position:absolute;"
					newobj.value=obj.options[obj.selectedIndex].value;
					var res=obj.parentNode.insertBefore(newobj, obj);
					this.addEvent(obj,'change',function(){EditableSelectBox.changed(obj)});
					this.addEvent(newobj,'blur',function(){EditableSelectBox.blur(obj)});

					// Add dynamic option 
					var optn = ********.createElement("OPTION");
					optn.text = '';
					optn.value = '';
					optn.style.display= 'none';
					obj.options.add(optn);
					if (def_value!=undefined)
					{ newobj.value=def_value;
					  obj.value=def_value;
					  this.blur(obj)
					}
				  },
	 changed    : function(objListBox)
	              { objListBox.previousSibling.value=objListBox.options[objListBox.selectedIndex].value;
					objListBox.previousSibling.focus();				  
				  },
	 blur       : function (obj)
	              {  var obj2 = obj.options[obj.options.length-1];
					 obj2.text = obj.previousSibling.value;
					 obj2.value = obj.previousSibling.value;
					 obj.value=obj.previousSibling.value;
				  },
	 addEvent	: function (elm,evType,fn,useCapture) 
				  { if(elm.addEventListener) {elm.addEventListener(evType,fn,useCapture); return true;}
					else if (elm.attachEvent) {var r=elm.attachEvent('on' + evType,fn);  return r;}
					else {elm['on' + evType] = fn;}
				  }
	}
</script>

<form>
<select id="test" style="width:150px">
  <option value="111">111</option>
  <option value="222">222</option>
</select>
<br><br>
<button>ddd</button>

**********
    EditableSelectBox.add( ********.getElementById('test'),'432rf34f4');

</script>

Bookmarks


« Önceki Konu | Sonraki Konu »
Seçenekler