book_category.js

一个基本的图书馆管理系统

function showMe( id ) {
	if( document.getElementById( id ).style.display == "none" ) {
		document.getElementById( id ).style.display = "";
	}
	else {
		document.getElementById( id ).style.display = "none";
	}
}

function addII() {
	var einput;
	einput = document.createElement("input");
	einput.type = "file";
	einput.size = "48";
	einput.name = "path[]";
	einput.onchange=oninputchange;

	att = einput.getAttributeNode( "class" );
	att.value = "formitem";

	var eform = document.getElementById( "formspan" );

	// 取出其后元素，加入其前面
	refChild = document.getElementById( "formdumy" );
	eform.insertBefore( einput, refChild );

	{
		// 还要加入一个<input />元素
		var newChild = document.createElement( "input" );
		newChild.type = "hidden";
		newChild.size = "48";
		newChild.name = "xpath[]";
		eform.insertBefore( newChild, einput );
	}
}

// 新添加的input元素，形式为<input type="file" size="50" name="path[]" onchange="javascript:addII()" />
// name为path[]，id为空，而原有的两个input元素的id为path1、path2
// 每次onchange事件时，除去id为path1、path2以外的所有的input元素，
// 删除所有value属性为空的input元素
// 添加一个新的input元素
function oninputchange()
{
	var elementid = "formspan";
	var parentNode = document.getElementById( elementid );
	var nodeList = parentNode.getElementsByTagName("input");

	// 直接从第一个input元素开始处理
	var i = 0;
	var len = nodeList.length;
	for( i = 0; i < len; i++ ) {

		node = nodeList.item(i);

		// 只处理file类型的元素
		if( node.attributes.getNamedItem( "type" ).value == "file" ) {

// 修改hidden的值
onfilechange( node );

		var namednodemap_attr = node.attributes;
		for( var j = 0; j < namednodemap_attr.length; j ++ ) {
			// 属性名称
			var tag_name = namednodemap_attr.item(j).name;

			// 属性名称为value，如果值是空，则删除该input元素
			if( tag_name == "value" ) {

				// 属性值
				var tag_value = namednodemap_attr.item(j).value;
				if( tag_value == "" ) {
					// 如果值是空，则删除该input元素
					{
						// 还要删除其前的<input />元素
						nodeSibling = node.previousSibling;
						var tmpNode = parentNode.removeChild( nodeSibling );
						delete tmpNode;
					}
					var childNode = parentNode.removeChild( node );
					delete childNode;

					// 因为删除了一个元素，所以，重新生成nodeList，继续处理
					nodeList = parentNode.getElementsByTagName("input");
					len = nodeList.length;
					i --;	// 可能为 -1
					break;
				}
			}
		}
		}
	}

	// 添加一个新的input元素
	addII();
}
function onfilechange( elem )
{
	var v = elem.attributes.getNamedItem( "value" ).value;
// alert( "v=" + v );
	var e = elem.previousSibling;
// alert( "e=" + e );
	var a = e.getAttributeNode( "value" )
// alert( "a=" + a );
	a.value = v;
}