フォルダ選択とスクロールバーの最終判断
3744 ワード
フォルダ選択:
<html>
<head>
<title> </title>
<script type="text/javascript" language="javascript">
/*
* , , JS ,
* " " .
*
* 1、 ( :http://localhost)
* 2、 : :
* " ActiveX "----" "
*/
function browseFolder(path) {
try {
var Message = "\u8bf7\u9009\u62e9\u6587\u4ef6\u5939"; //
var Shell = new ActiveXObject("Shell.Application");
var Folder = Shell.BrowseForFolder(0, Message, 64, 0x11);// :
//var Folder = Shell.BrowseForFolder(0,Message,0); // :
if (Folder != null) {
Folder = Folder.items(); // FolderItems
Folder = Folder.item(); // Folderitem
Folder = Folder.Path; //
if (Folder.charAt(Folder.length - 1) != "\\") {
Folder = Folder + "\\";
}
document.getElementById(path).value = Folder;
return Folder;
}
}
catch (e) {
alert(e.message);
}
}
</script>
</head>
<body>
<table>
<tr>
<td>
<input type="text" name="path" />
</td>
<td>
<input type="button" onclick="browseFolder('path')" value=" " />
</td>
</tr>
</table>
</body>
</html>
スクロールバーが最後かどうかを判断します.<html >
<head>
<title> ?</title>
<script language="javascript">
function scrollTo() {
var scroller = document.getElementById("div1");
var nDivHight = scroller.style.height;
var nScrollHight = scroller.scrollHeight;// ( )
var nScrollTop = scroller.scrollTop;//
if (parseInt(nScrollTop) + parseInt(nDivHight) == nScrollHight) {
alert(" 1 ");
}
}
function scrollTo2() {
var scroller = document.getElementById("div2");
var nDivHight = scroller.style.height;
var nScrollHight = scroller.scrollHeight;// ( )
var nScrollTop = scroller.scrollTop;//
if (parseInt(nScrollTop) + parseInt(nDivHight) == nScrollHight) {
alert(" 2 ");
}
}
</script>
</head>
<body>
<div id="div1"
style="overflow-y: auto; overflow-x: hidden; height: 500px;"
onScroll="scrollTo()">
<div style="background-color: #ccc; height: 750px;">
div 750, div 500, 750-500=250 ,
</div>
</div>
<br/>
<div id="div2"
style="overflow-y: auto; overflow-x: hidden; height: 200px;border: 1px;border: 1px dashed red"
onScroll="scrollTo2()">
<br/> <br/> <br/> <br/> <br/> <br/> <br/> <br/> <br/> <br/>
<br/> <br/> <br/> <br/> <br/> <br/> <br/> <br/> <br/> <br/>
</div>
</body>
</html>