高分求助有关html的问题

jtao1202 2009-11-04 06:18:54

[img=http://p.blog.csdn.net/images/p_blog_csdn_net/jtao1202/EntryImages/20091104/abc.png]如图所示[/img]

如图片所示，当点击Browse的时候可以选择目录文件到表单中。当点击Add project to Archive则把该选择的目录添加到右侧的框中。并且当选中其中一个文件或文件夹时点击下面的remove还可以删除掉。。

此为php项目可以用js完成该功能。但要求在MS IE 6.x/7.x, FireFox 2.x/3.x浏览器中浏览。。

求高手帮忙。这个是我所有的分了。。

...全文

136 9 打赏收藏转发到动态举报

写回复

用AI写文章

9 条回复

切换为时间正序

请发表友善的回复…

发表回复

jtao1202 2009-11-08

打赏
举报

打算用java applet来实现目录选择。先结贴了。。

goosman 2009-11-05

打赏
举报

选择文件夹你看看http://www.blogjava.net/supercrsky/archive/2008/06/17/208641.html吧

jtao1202 2009-11-05

打赏
举报

[Quote=引用 7 楼 lgg201 的回复:]
选择文件夹你看看http://www.blogjava.net/supercrsky/archive/2008/06/17/208641.html吧
[/Quote]
这个我看过了。但是这种方法在ff种是不能运行。。。。

jtao1202 2009-11-04

打赏
举报

楼上的有时间，，帮我实现一下？？我不懂jquery。。。

closewbq 2009-11-04

打赏
举报

其次js操作最好都是用jquery，也就解决了你的跨浏览器问题

closewbq 2009-11-04

打赏
举报

这种东西最好使用listbox也就是多选框来做，一边一个listbox，中间有个添加和删除按钮

jtao1202 2009-11-04

打赏
举报

当点击浏览的时候要可以选择文件或文件夹的。只选择文件是不符合要求的。。。。还有。这个代码在firefox下是不能运行的。怎么才能在firefox下跑？？

goosman 2009-11-04

打赏
举报

移除的时候, 我是用了点击名字删除点击的那个元素, 因为你用个按钮, 你不知道要删除哪个了就...呵呵

<html>

	<head>

		<title>test</title>

		<script type="text/javascript">

			function $(id) {

				return document.getElementById(id);

			}

			function hadThisChild(parent, child) {

				var children = parent.children;

				for(var i = 0; i < children.length; i ++) {

					if(child.innerText == children[i].innerText) {

						return true;

					}

				}

				return false;

			}

			function add_project() {

				var value = $("file_selected").value;

				var ele_div = document.createElement("div");

				ele_div.style.cursor = "hand";

				ele_div.attachEvent('onclick', function(event) {

					$('right_div').removeChild(event.srcElement);

				});

				ele_div.innerText = value;

				if(!hadThisChild($('right_div'), ele_div)) {

					$('right_div').appendChild(ele_div);

				}

			}

		</script>

	</head>

	<body>

	<div style="width: 850px;">

		<div id="left_div" style="float: left; width: 300px; height: 600px; border: 1px solid #BBBBBB; margin-right: 5px;">

		<input type="file" id="file_selected" /><br />

		<input type="button" value="Add" onclick="add_project();"/>

		</div>

		<div id="right_div" style="float: right; width: 500px; height: 600px; border: 1px solid #BBBBBB;">

		</div>

	</div>

	</body>

</html>