文件管理页面的制作

guanli.php

 1 <head>
 2 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 3 <title>文件管理</title>
 4
 5 <script src="../jquery-1.11.2.min.js"></script>
 6
 7 <style type="text/css">
 8 .list{ width:100%; height:40px; border:1px solid #60F; margin:1px 0px 1px 0px; text-align:left; vertical-align:middle; line-height:40px;}
 9 .list:hover{ cursor:pointer}
10 .mulu{ background-color:#6FC;}
11 .prev{ background-color:#F00; color:white}
12 </style>
13
14 </head>
15
16 <body>
17
18 <?php
19 session_start();
20
21 $fname = "./qiyezhan";
22 if(!empty($_SESSION["url"]))
23 {
24     $fname = $_SESSION["url"];
25 }
26
27 $purl = dirname($fname);
28
29 if($fname!="./qiyezhan")
30 {
31     echo "<div class=‘list prev‘ lj=‘{$purl}‘>返回上一层</div>";
32 }
33
34 $dir = opendir($fname);
35
36 while($zwenjian = readdir($dir))
37 {
38     if($zwenjian!="." && $zwenjian!="..")
39     {
40         $zurl = $fname."/".$zwenjian;
41         if(is_dir($zurl))
42         {
43             echo "<div lj=‘{$zurl}‘ class=‘list mulu‘>{$zwenjian}</div>";
44         }
45         else
46         {
47             echo "<div class=‘list‘>{$zwenjian}</div>";
48         }
49
50     }
51 }
52
53 closedir($dir);
54
55 ?>
56
57 </body>
58
59 <script type="text/javascript">
60 $(".mulu").dblclick(function(){
61         var lujing = $(this).attr("lj");
62         $.ajax({
63             url:"chuli.php",
64             data:{lj:lujing},
65             type:"POST",
66             dataType:"TEXT",
67             success: function(){
68                 window.location.href="guanli.php";
69                 }
70         });
71     })
72
73 $(".prev").dblclick(function(){
74     var lujing = $(this).attr("lj");
75         $.ajax({
76             url:"chuli.php",
77             data:{lj:lujing},
78             type:"POST",
79             dataType:"TEXT",
80             success: function(){
81                 window.location.href="guanli.php";
82                 }
83         });
84     })
85
86 </script>
87 </html>

chuli.php

1 <?php
2 session_start();
3 $lj = $_POST["lj"];
4 $_SESSION["url"] = $lj;
时间: 2024-10-21 06:43:41

文件管理页面的制作的相关文章

商品详情页面特殊制作,获取网页的高度,collectionView根据内容的变化其高度也随着变化

商品详情页面特殊制作,获取网页的高度,collectionView根据内容的变化其高度也随着变化,首先先看下效果图: 然后我来介绍一下这个界面的总体架构,整个页面上放置一个tableView,下面的网页是tableView的footerview,中间规格所在的区域是一个cell上放置一个collectionView, 问题点1:商品规格可能有很多种,比如颜色.重量.也可能没有规格,所以中间的cell的高度是根据规格的多少而变化的,那么collectionView创建完成以后要怎么通知tableV

404页面的制作教程

近期发现很多让做SEO诊断的网站一些最基础的操作都没有做,比如首选域确定及301设置.robots.txt文件没有写.404页面没有制作及设置等.前面两项在网上信息最多,这次主要说下404页面的问题. 404页面的作用是什么? 404页面是为了在用户属于错误URL或网页文件被删除时提醒用户的页面,页面中可以设置网站导航.背景颜色或图片的普通网页.为的是用户没有访问到正常页面时可以有效的提醒并通过404导航把用户继续拉回网站中继续访问.防止用户访问错误地址造成的流量流失.在SEO中404页面是为了

第四个页面:制作电影资讯页面

笔记内容:第四个页面:制作电影资讯页面 笔记日期:2018-01-18 点击轮播图跳转到文章详情页面 之前的文章列表页面还有一个小功能没有实现,就是点击点击轮播图就能跳转到相应的文章详情页面,这个和点击文章列表跳转到文章详情页面的实现方式是一样的. post.wxml修改轮播图代码如下: <!-- 添加点击事件,这里利用了事件冒泡的机制 --> <swiper catchtap='onSwiperTap' indicator-dots='true' autoplay='true' int

页面的制作过程

1. 页面的制作过程 设计师——设计稿——前端工程师 设计稿=前端工程师+划分区域+填充内容 用合适的元素来表示不同的区域,设置区域的位置.尺寸.背景等样式. 每个元素都会在页面中生成一个矩形区域,CSS称该矩形区域为盒子(box) 2. 述盒模型概 Margin:外边框,与其他盒子的距离. Border:边框 Padding:内边框,边框与内容的距离. Conten内容的宽度和高度. 一个元素,产生什么样的盒子,取决于它CSS的display属性. 3. 盒子内容 CSS的尺寸单位 在CSS中

Login登录页面的制作流程(摘要)

*****我的QQ号:1539832180.欢迎一起讨论学习.***** 第一步:拿到设计图,先别急着切,先分析. 因为切图不只是切图,设计不只是设计.你得考虑四方面的因素: 1. 合理的切图,语义准确,注释明了. **写好注释是关键. 2. 切图的同时更要考虑程序嵌套问题. 因为你切完图的页面是交给程序员的,而程序员是看的不是设计视图,而是干干净净的代码.所以这时候考虑代码的缩进,合理的结构嵌套循环,无论是div还是table.就程序来说,它处理的是页面上有机的重复的html结构单元,而不只是

一个类似股票看板的自刷新页面的制作

前一阵,有个基于JavaSwing的项目,由于使用不便利,需要移植到Web上. 这个项目的基本功能是这样的,启动一批线程,每个线程访问指定地址一定次数,将每次是否成功,耗时等信息显示出来,最后做个统计.这个任务最终分给了我. 我分析下,以下功能是可以直接拿来用的: 1.访问固定网址的Servlet,获得反馈,解析出成果的代码. 2.运行线程的代码. 3.进行结果统计的代码. 而以下功能是需要重新考虑的: 1.以前SwingApp是单用户环境,现在Web是多用户环境. 2.如果后台线程运行起来,前

A标签/按钮防止重复提交&amp;页面Loading制作

[实现原理] 防止重复提交与页面的提交时的Loading设置,均是在提交,但是尚未处理完成进行的操作,且提交为异步提交(同步提交不需要考虑).因此,其实现原理是在点击按钮或A标签时,将按钮/A标签置为不可用,在提交完成的回调函数中再将按钮/A标签置为可用:Loading原理是在点击提交时,生成Loading样式,在提交完成之后隐藏该样式. [同步]:提交请求->等待服务器处理->处理完毕返回 这个期间客户端浏览器不能干任何事 [异步]:请求通过事件触发->服务器处理(这是浏览器仍然可以作

smoke.js是一款基于HTML5 Canvas的逼真烟雾特效js插件。通过该js插件,可以非常轻松的在页面中制作出各种烟雾效果。

Smoke.js 是一个浏览器默认警告系统的JavaScript替代品,如果你想要跨浏览器与平台的标准化JavaScript警告窗口,Smoke.js就是你想要的. Smoke.js是一个轻量级且灵活的JavaScript插件,只是用来替代原有的alert而已.它完全由HTML与CSS3构成,所以你能够自己添加样式来个性化. 要求:CSS3支持 兼容性:大部分浏览器,包括IE6(没有CSS3可视化效果) License:MIT 特性: Signal:消息会显示几秒后消失 Alert:常规的ale

看视频总结下页面的制作

百度传课的教程 body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,form,input,textarea,p { margin:0px; padding:0px; font-size:13px; } ul { list-style:none; } img,a img { border:none; } a { text-decoration:none; } a:hover { text-decoration:underline; } #header{ hei