主题: 在一个页面里动态加载1-n个编辑框怎么办?
作者: deng, 发布日期: 2011-11-20 14:31:41, 浏览数: 3064

RT:在一个页面里动态加载1-n个编辑框怎么办?

望高手解答!

作者: 传奇, 发布日期: 2011-11-20 20:13:18

前面我已经载入了一个编辑框(你如没有加载,也初始化一下kindeditor),以下代码是我动态加载N个图片选择框的代码,有点乱,但可参考实现方法,不知有没有更好的方法

var photolistul = document.getElementById("photolistul");
if(photolistul){
	var photolistul_ul = photolistul.getElementsByTagName("ul");
	var eduphotoditor;
	eduphotoditor = KindEditor.editor({
		allowFileManager : true
	});
	for(var i=0,l=photolistul_ul.length;i<l;i++){
		photolistul_ul[i].getElementsByTagName("input")[0].value=i;
		KindEditor(photolistul_ul[i].getElementsByTagName("a")[0]).unbind("click");
		KindEditor(photolistul_ul[i].getElementsByTagName("a")[0]).bind("click",function(){
			var EduImageObj=this.parentNode.parentNode.parentNode;
			var ThisImageNum=EduImageObj.getElementsByTagName("input")[0].value;
			eduphotoditor.loadPlugin('image', function(){
				var photolist=document.form.photo.value.split("|");
				eduphotoditor.plugin.imageDialog({
					imageUrl :photolist[ThisImageNum],
					dirPathType : 'photo',//分类子目录
					clickFn : function(url, title, width, height, border, align){
						EduImageObj.getElementsByTagName("img")[0].src = url;
						var _photolist_arr=new Array();
						for(var j=0;j<photolist.length;j++){
							if(j==ThisImageNum) _photolist_arr.push(url);
							else _photolist_arr.push(photolist[j]);
						}
						document.form.photo.value = _photolist_arr.join('|');
						alert(document.form.photo.value);
						eduphotoditor.hideDialog();
					}
				});
			});
		});
	}
}

回复
发表新帖 发表回复