设为首页收藏本站订阅更新

无忧脚本

 找回密码
 加入无忧

QQ登录

只需一步,快速开始

搜索
查看: 3048|回复: 6

[求助] 求助,如何把这个显示板做出来

[复制链接]
发表于 2012-7-3 18:51:48 | 显示全部楼层 |阅读模式
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "">
<html xmlns="">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="jquery,php" />
<meta name="description" content="where are you now" />
<title>Where are you now</title>
<link rel="stylesheet" type="text/css" href="./css/jquery-ui.css" />
<style type="text/css">
table{width:96%; margin:20px auto; border-collapse:collapse;}
table td{line-height:26px; padding:2px; padding-left:8px; border:1px solid #b6d6e6;}
.table_title{height:26px; line-height:26px; background:url(css/btn_bg.gif) repeat-x bottom; font-weight:bold; text-indent:.3em; outline:0;}
.table_label{background:#e8f5fe; text-align:right; }
.btn{height:24px; background:url(css/btn_bg.gif) repeat-x; padding:0 4px; font-size:12px; border:1px solid #ccc; cursor:pointer; margin-left:3px}
.input{border:1px solid #369; background:#ffc; padding:2px}
.msg{padding-left:30px; margin-top:20px}
textarea{font-size:12px}
.style1 {
    text-align: center;
    font-size: large;
    color: #0000FF;
}
.style2 {
    background: #e8f5fe;
    text-align: center;
}

</style>
<script type="text/javascript" src="./js/jquery-1.7.2.min.js"></script>
<script type="text/javascript" src="./js/jquery.jeditable.mini.js"></script>
<script type="text/javascript" src="./js/jquery-ui.min.js"></script>
<script type="text/javascript" >
$(function(){
  $('.edit_select').editable('save.php', {
           data : " {'NULL':'NULL','2':'2222','3':'3333','第一工場':'第一工場','第二工場':'第二工場','第三工場':'第三工場','selected':'1111'}",
   type      : "select",
      submit    : 'OK',
  });
   $('.edit_select2').editable('save.php', {
        data : " {'NULL':'NULL','0.2 ':'0.2 ','0.5 ':'0.5 ','selected':'NULL'}",  
   type      : "select",
      submit    : 'OK',
  });
   $('.edit_select3').editable('save.php', {
       data  : " {'else':'else','else2':'else 2'}",   
    type     : "select",
      submit    : 'OK',
  });
   $('.edit_select4').editable('save.php', {
       data  : " {'1':'AA','2':'BB','C':'CCC'}",   
    type     : "select",
      submit    : 'OK',
  });
  $(".datepicker").editable('save.php', {
   width     : 120,
   type      : 'datepicker',
   onblur    : "ignore",
   cancel    : 'cancel',
         submit    : 'OK',
         indicator : '<img src="css/loader.gif">',
         tooltip   : 'edit by click...',
   style     : 'display: inline'
  });
});
</script>
<script type="text/javascript">
$(document).ready(function(){

$(document).ready(function(){  //这个就是传说的ready         
  $(".stripe tr").mouseover(function(){                       
    //如果鼠标移到class为stripe的表格的tr上时,执行函数                 
    $(this).addClass("over");}).mouseout(function(){                                 
      //给这行添加class值为over,并且当鼠标一出该行时执行函数                 
      $(this).removeClass("over");
    })  //移除该行的class         
    $(".stripe tr:even").addClass("alt");                 
    //给class为stripe的表格的偶数行添加class值为alt
});


});
</script>
</head>
<body>
<table class="stripe" width="100%" border="0" cellspacing="0" cellpadding="0">
  <thead>
    <tr class="table_title">
      <td colspan="6" class="style1">Where are you now <br/>

<script language="JavaScript">
today=new Date();
function initArray(){
   this.length=initArray.arguments.length
   for(var i=0;i<this.length;i++)
   this[i+1]=initArray.arguments[i]  }
   var d=new initArray(
     "日",
     "1",
     "2",
     "3",
     "4",
     "5",
     "6");
document.write(
//    "<font color=#ffffff>  ",
  
     today.getYear(),'年',
     
     today.getMonth()+1,'月',
     today.getDate()," 日   (",
     d[today.getDay()+1],")",
     "</font>" );
</script>
<?php
$mtime=date("H:i:s");
?>
<?php
include_once("connect.php");
$query=mysql_query("select * from customer where id=1");
$rs=mysql_fetch_array($query);
$awhere=$rs['where1'];
$mdate=$rs['mdate1'];
$arest=$rs['rest1'];
$anote=$rs['note1'];
$awhat=$rs['what1'];
$awhere2=$rs['where2'];
$mdate2=$rs['mdate2'];
$arest2=$rs['rest2'];
$anote2=$rs['note2'];
$awhat2=$rs['what2'];
$awhere3=$rs['where3'];
$mdate3=$rs['mdate3'];
$arest3=$rs['rest3'];
$anote3=$rs['note3'];
$awhat3=$rs['what3'];
?>
   </td>
    </tr>
    <tr class="table_title">
      <td width="10%" class="style2" style="height: 33px">Name</td>
      <td width="30%" class="style2" style="height: 33px">Where</td>
      <td width="20%" class="style2" style="height: 33px">Time</td>
      <td width="10%" class="style2" style="height: 33px">Rest</td>
      <td width="10%" class="style2" style="height: 33px">Note</td>
      <td width="10%" class="style2" style="height: 33px">Work</td>
   </tr>
   
  </thead>
  <tbody>
    <tr>
      <td width="10%" class="table_label">周   永</td>
      <td width="20%" class="edit_select" id="awhere" align="center"><?php echo $awhere; ?></td>
      <td width="10%" class="datepicker" id="mtime" align="center"><?php echo $mtime; ?></td>
      <td width="10%" class="edit_select2" id="arest"><?php echo $arest; ?></td>
      <td width="10%" class="edit_select3" id="anote"><?php echo $anote; ?></td>
      <td width="10%" class="edit_select4" id="awhat"><?php echo $awhat; ?></td>
    </tr>
      <tr bgcolor=#e8f5fe>
      
      <td width="7%" class="table_label">王 昌裕</td>
      <td width="20%" class="edit_select" id="awhere2" align="center"><?php echo $awhere2; ?></td>
      <td width="10%" class="datepicker" id="mtime2" align="center"><?php echo $mtime2; ?></td>
      <td width="10%" class="edit_select2" id="arest2"><?php echo $arest2; ?></td>
      <td width="10%" class="edit_select3" id="anote2"><?php echo $anote2; ?></td>
      <td width="10%" class="edit_select4" id="awhat2"><?php echo $awhat2; ?></td>
   </tr>
    <tr>
      <td width="7%" class="table_label">安 健</td>     
      <td width="20%" class="edit_select" id="awhere3"  align="center"><?php echo $awhere3; ?></td>
      <td width="10%" class="datepicker" id="mtime2" align="center"><?php echo $mtime2; ?></td>
      <td width="10%" class="edit_select2" id="arest3"><?php echo $arest3; ?></td>
      <td width="10%" class="edit_select3" id="anote3"><?php echo $anote3; ?></td>
      <td width="10%" class="edit_select4" id="awhat3"><?php echo $awhat3; ?></td>
    </tr>
    <tr bgcolor=#e8f5fe>
      <td width="7%" class="table_label">宋 浩市</td>
      <td width="20%" class="edit_select" id="awhere4" align="center"><?php echo $awhere4; ?></td>
      <td width="10%" class="datepicker" id="mtime3" align="center"><?php echo $mtime3; ?></td>
      <td width="10%" class="edit_select2" id="arest4"><?php echo $arest4; ?></td>
      <td width="10%" class="edit_select3" id="anote4"><?php echo $anote4; ?></td>
      <td width="10%" class="edit_select4" id="awhat4"><?php echo $awhat4; ?></td>
    </tr>
    <tr>
      <td width="7%" class="table_label">陈 秀明</td>
      <td width="20%" class="edit_select" id="awhere" align="center"><?php echo $awhere; ?></td>
      <td width="10%" class="datepicker" id="mtime" align="center"><?php echo $mtime; ?></td>
      <td width="10%" class="edit_select2" id="arest"><?php echo $arest; ?></td>
      <td width="10%" class="edit_select3" id="anote"><?php echo $anote; ?></td>
      <td width="10%" class="edit_select4" id="awhat"><?php echo $awhat; ?></td>
    </tr>
    <tr bgcolor=#e8f5fe>
      <td width="7%" class="table_label">李 修一</td>
      <td width="20%" class="edit_select" id="awhere" align="center"><?php echo $awhere; ?></td>
      <td width="10%" class="datepicker" id="mtime" align="center"><?php echo $mtime; ?></td>
      <td width="10%" class="edit_select2" id="arest"><?php echo $arest; ?></td>
      <td width="10%" class="edit_select3" id="anote"><?php echo $anote; ?></td>
      <td width="10%" class="edit_select4" id="awhat"><?php echo $awhat; ?></td>
    </tr>
    <tr>
      <td width="7%" class="table_label">张 建</td>
      <td width="20%" class="edit_select" id="awhere" align="center"><?php echo $awhere; ?></td>
      <td width="10%" class="datepicker" id="mtime" align="center"><?php echo $mtime; ?></td>
      <td width="10%" class="edit_select2" id="arest"><?php echo $arest; ?></td>
      <td width="10%" class="edit_select3" id="anote"><?php echo $anote; ?></td>
      <td width="10%" class="edit_select4" id="awhat"><?php echo $awhat; ?></td>
    </tr>
   
   </tbody>
</table>
</body>
</html>
 楼主| 发表于 2012-7-3 18:53:12 | 显示全部楼层
我想做一个显示板,可以是现在无法将输入的选项存入数据库,并在前台显示。请高人指点,我刚学了一天php。
谢谢
 楼主| 发表于 2012-7-3 18:54:30 | 显示全部楼层
connect。php

<?php
$host = "localhost";
$db_user = "root";
$db_pass = "";
$db_name = "demo";
$timezone = "Asia/beijing";

$link = mysql_connect($host, $db_user, $db_pass);

mysql_select_db($db_name, $link);
mysql_query("SET names UTF8");
header("Content-Type: text/html; charset=utf-8");
date_default_timezone_set($timezone);

?>
 楼主| 发表于 2012-7-3 18:55:06 | 显示全部楼层
save。php

<?php
include_once("connect.php");
$field=$_POST['id'];

$val=$_POST['value'];
$val = htmlspecialchars($val, ENT_QUOTES);
$time=date("Y-m-d H:i:s");
if(empty($val)){
    echo "not null   ";
}else{
        $query=mysql_query("update customer set $field='$val',mdate1='$time' where id=1");
        if($query){
           echo $val;
        }else{
           echo $val;       
        }
}
?>
 楼主| 发表于 2012-7-3 18:56:05 | 显示全部楼层
我想问一下,为啥不能保存?

保存要保存到哪里,SQL数据库是个什么样的文件?
发表于 2012-9-21 10:27:30 | 显示全部楼层
新人一来就能看到想要的,嘿嘿嘿,学习了
发表于 2013-12-21 22:26:56 | 显示全部楼层
额...这个。
您需要登录后才可以回帖 登录 | 加入无忧

本版积分规则

小黑屋|手机版|Archiver|无忧脚本 ( 苏ICP备05080427号 )|值班电话:027-62300445   鄂公网安备 42011102000433号

GMT+8, 2017-11-20 01:44 , Processed in 0.103710 second(s), 8 queries , Gzip On, Memcache On.

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表