[オリジナル] php+ajax で模擬 Win ファイル管理システムを実装 //このチュートリアルはこのサイトからのオリジナルです。転載する場合は出典を明記してください 作者: www.drise.cn メール:drise@163.com QQ:271728967// 上記に引き続き、dir.php ファイルのコードを見てみましょう: <頭> 無題のドキュメント <スクリプト言語="javascript" src="js/js.js"> </p> <p><br> <!--</p> <p><br /> .フォルダ{</p> <p><br /> 高さ:97px;</p> <p><br /> 幅:99px;</p> <p><br /> ボーダー:1px ソリッド #e4e4e4;</p> <p><br /> text-align:center;</p> <p><br /> フロート:左;</p> <p><br /> マージン:20px;</p> <p><br /> パディングトップ:15px;</p> <p><br /> 色: #E4E4E4</p> <p><br /> }</p> <p><br /> #t{</p> <p><br /> 高さ:97px;</p> <p><br /> 幅:99px;</p> <p><br /> ボーダー:1px ソリッド #e4e4e4;</p> <p><br /> text-align:center;</p> <p><br /> フロート:左;</p> <p><br /> マージン:20px;</p> <p><br /> パディングトップ:15px;</p> <p><br /> 色:#E4E4E4;</p> <p><br /> ディスプレイ:なし;</p> <p><br /> }</p> <p><br /> p{</p> <p><br /> text-align:center;</p> <p><br /> 色:#000000;</p> <p><br /> フォントサイズ:12px;</p> <p><br /> 幅:90px;</p> <p><br /> ホワイトスペース:nowrap;</p> <p><br /> テキストオーバーフロー:省略記号;</p> <p><br /> -o-text-overflow:省略記号;</p> <p><br /> オーバーフロー: 非表示;</p> <p><br /> margin-top:15px;</p> <p><br /> }</p> <p><br /> 入力{</p> <p><br /> 幅:80px;</p> <p><br /> ボーダー:1px ソリッド #000;</p> <p><br /> 高さ:18px;</p> <p><br /> }</p> <p><br /> #情報{</p> <p><br /> ボーダー:1px ソリッド #FF9933;</p> <p><br /> 背景色:#FFFFE1;</p> <p><br /> ディスプレイ:なし;</p> <p><br /> フォントサイズ:12px;</p> <p><br /> パディングトップ:7px;</p> <p><br /> text-align:left;</p> <p><br /> パディング左:10px;</p> <p><br /> 幅:300ピクセル;</p> <p><br /> }</p> <p><br /> リ{</p> <p><br /> リストスタイルタイプ:なし;</p> <p><br /> リストスタイル:なし;</p> <p><br /> パディング左:0px;</p> <p><br /> フォントサイズ:12px;</p> <p><br /> カーソル:デフォルト;</p> <p><br /> パディングトップ:2px;</p> <p><br /> }</p> <p><br /> #レイヤー1{</p> <p><br /> ボーダー:1px ソリッド #28B9FF;</p> <p><br /> 背景色:#ECF9FF;</p> <p><br /> パディング:10px;</p> <p><br /> パディングトップ:20px;</p> <p><br /> 行の高さ:30px;</p> <p><br /> 高さ:20px;</p> <p><br /> ディスプレイ:なし;</p> <p><br /> }</p> <p><br /> .up{幅:300px;高さ:24px;ボーダー:1px;}</p> <p><br /> .bt{幅:70px; 高さ:24px;}</p> <p><br /> #tool{ 高さ:47px; 幅:0px 自動; 背景画像:url(image/tool_bg.jpg); パディングトップ:0px; パディング左:10px; </p><p> .ta{表示:インラインブロック;幅:72ピクセル;行の高さ:30ピクセル;テキスト整列:センター;マージントップ:2ピクセル;テキスト装飾:なし} <br /></p> a.ta:hover{background:url("image/tool_if.gif") no-repeat 高さ:30px;}<p> <br /></p> .aa{ 背景:url("image/tool_if.gif") 繰り返しなし 高さ:40px;}<p> <br /></p> .bb{背景:#fff;}<p> <br /></p> ボディ{<p> <br /></p> マージン左: 0px;<p> <br /></p> マージントップ: 10px;<p> <br /></p> マージン右: 0px;<p> <br /></p> margin-bottom: 0px;<p> <br /></p> }<p> <br /></p> --><p> <br /></p> </スタイル></p> <p> <br></p> </head><p> <br></p> <p> <br> </p> <p> </p> <p><?php</p> <p> $dir_path=isset($_GET['url'])?$_GET['url']:'..'; </p> //$totallen = strlen($dir_path);<p> </p><p> //$sublen = strlen(substr($dir_path,strrpos($dir_path,"/")));</p> <p><br /> $lastdir = substr($dir_path,0,strlen($dir_path)-strlen(substr($dir_path,strrpos($dir_path,"/")));</p> <p><br /> ツール($dir_path,$lastdir); </p><p> CheckDir($dir_path); <br /></p> //エコー "<br>";</p> <p> <br></p> <p> <br></p> //echo substr($dir_path,0,(strlen($dir_path)-strrpos($dir_path,"/")+1));<p> <br></p> <p> <br></p> function CheckDir($dir_path){// <p>この関数は、現在のディレクトリ内のファイルとファイルをチェックして表示します<br></p> <p><br> if(is_dir($dir_path)){ <strong> </strong></p> If($dir_file=opendir($dir_path)){<p> <br></p> While(($dir_list=readdir($dir_file))!==false)<p> <br></p> {<p> <br></p> If($dir_list!="." && $dir_list!=".."){//これを追加して判定し、ファイル一覧が表示されるまで待つと…こんな感じ<p> </p> <p><br> echo("<div class='folder' oncontextmenu=\"return myMenuShow(this,'".$dir_path."/".$dir_list."','".$dir_path."/"."')\" id='".$dir_path."/".$dir_list."' ><a href='?url=".$dir_path."/".$dir_list."'><img src='".Getfiletype($dir_list)."' border=0 onload=\"resizepic(this);\" /></a><p id='".$dir_list."' onClick=\"edit(this,'".$dir_path."/".$dir_list."');\" >".$dir_list."</p></div>\n");</p> <p><br> }</p> <p><br> }</p> <p><br> }else{</p> <p><br> echo($dir_path."<br/>");</p> <p><br> }</p> <p><br> }else{</p> <p><br> echo($dir_path."<br/>");</p> <p><br> }</p> <p><br> Folderexp($dir_path);</p> <p><br> }</p> <p><br> function Getfiletype($dir){//根据扩展名显示相应的图片</p> <p><br> global $_GET;</p> <p><br> if(@$_GET['url'] !='' and is_dir(@$_GET['url'])){</p> <p><br> $dir = $_GET['url'].'\\'.$dir;</p> <p><br> }</p> <p><br> //print_r( $dir);</p> <p><br> if($dir == '' || is_null($dir) || empty($dir)){return false;}</p> <p><br> if(is_dir($dir)){</p> <p><br> return 'fold.jpg';</p> <p><br> }else{</p> <p><br> return (Getextends($dir));</p> <p><br> }</p> <p><br> }</p> <p> </p> <p> </p> <p>function Getextends($dir){</p> <p><br> if($dir =="" || is_null($dir)){return "unkown.jpg";}</p> <p><br> $Extends_name = substr($dir,strrpos($dir,".")+1); </p> <p><br> $Extends_img = array('jpg','jpeg','gif','png','bmp','psd'); </p> <p><br> if(in_array($Extends_name,$Extends_img)){return $dir;}</p> <p><br> switch($Extends_name){</p> <p><br> case "php":</p> <p><br> return 'image/asp_php_jsp.jpg';</p> <p><br> break;</p> <p><br> case "asp":</p> <p><br> return 'image/asp_php_jsp.jpg';</p> <p><br> break;</p> <p><br> case "jsp":</p> <p><br> return 'image/asp_php_jsp.jpg';</p> <p><br> break;</p> <p><br> case "aspx":</p> <p><br> return 'image/asp_php_jsp.jpg';</p> <p><br> break;</p> <p><br> case "xml":</p> <p><br> return 'image/asp_php_jsp.jpg';</p> <p><br> break;</p> <p><br> case "htm":</p> <p><br> return 'image/html_js.jpg';</p> <p><br> break;</p> <p><br> case "html":</p> <p><br> return 'image/html_js.jpg';</p> <p><br> break;</p> <p><br> case "shtml":</p> <p><br> return 'image/html_js.jpg';</p> <p><br> break;</p> <p><br> case "js":</p> <p><br> return 'image/html_js.jpg';</p> <p><br> break; </p> <p><br> case "txt":</p> <p><br> return 'image/txt.jpg';</p> <p><br> break;</p> <p><br> case "doc":</p> <p><br> return 'image/word.jpg';</p> <p><br> break;</p> <p><br> default:</p> <p><br> return 'image/fold.jpg';</p> <p><br> </p> <p><br> }</p> <p><br> }</p> <p><br> function Folderexp($dir_path){//新建文件夹</p> <p><br> echo("<div id='t0'></div>");</p> <p><br> echo("<div id="t">");</p> <p><br> echo("<img src="image/fold.jpg" width="52" height="50">");</p> <p><br> echo("<p id='t1'>");</p> <p><br> echo("<input type="text" value="新しいフォルダー" onblur="Losefocus(this,'".$dir_path."');"; >");</p> <p><br> echo("</p>");</p> <p><br> echo("</div>");</p> <p><br> }</p> <p><br> function Tool($dir_path,$lastdir){//这里显表示菜单条</p> <p><br> echo("<div id="ツール">");</p> <p><br> echo("<a href="dir.php" class="ta"><img src="image/tool_root.gif" border="0"></a>");</p> <p><br> echo("<a href="#" class="ta" onclick="history.go(-1);" ><img src="image/tool_back.gif" border="0">< ;/a>");</p> <p><br /> echo("<a href="#" class="ta" onclick="history.go(1);" ><img src="image/tool_go.gif" border="0">< /a>");</p> <p><br /> echo("<a href="?url=$lastdir" class="ta" title='返上级目录'><img src="image/tool_s.gif" border="0">< /a>");</p> <p><br /> echo("<a href="#" class="ta" onclick="CreateText();" title="新建文本文"><img src="image/tool_txt.gif" border="0" ></a>");</p> <p><br> echo("<a href="#" class="ta" onClick="Createfolder();" title="新建文件夹" ><img src="image/tool_newfolder.gif" border="0" ></a>");</p> <p><br> echo("<a href="#" class="ta" onclick="return Past('filepath','".$dir_path."')" ><img src="image/tool_past.gif" border="0"></a>");</p> <p><br> echo("<a href="#" class="ta" onClick="Upload('".$dir_path."');" title="文件上传" ><img src="image/tool_upload. gif" border="0"></a>");</p> <p><br> echo("</div>");</p> <p><br> }</p> <p><br> ?></p> <p><br> <div id="Layer1" style="position:absolute; width:480px; height:20px; z-index:1; left: 293px; top: 143px;"><br> </div></p> <p></ボディ></p> <p><br> </html></p> <p> 上一篇</p> <p> </p> <p align="left"></p> <div style="display:none;"> <span id="url" itemprop="url">http://www.bkjia.com/PHPjc/631855.html</span><span id="indexUrl" itemprop="indexUrl">www.bkjia.com</span><span id="isOriginal" itemprop="isOriginal">true</span><span id="isBasedOnUrl" itemprop="isBasedOnUrl">http://www.bkjia.com/PHPjc/631855.html</span><span id="genre" itemprop="genre">技術記事</span><span id="description" itemprop="description"> [原创]php+ajax实现模拟Win文件管理系统 //本教程由本站原创,转下请注明来处 著者:www.drise.cn 邮箱:drise@163.com QQ:271728967// 接上面我们来ディレクトリを参照....</span> </div> <div class="art_confoot"></div>
