老师这是我的代码,删除页面还是跳转不了。
这是index.php
<?php
$link=mysqli_connect('127.0.0.1','root','1314liubei');
if(!$link){
echo "连接失败";
}
mysqli_select_db($link,'xuyuan1');
mysqli_set_charset($link,'utf8');
$sql='select * from user';
$result=mysqli_query($link,$sql);
$data=[];
while ($res=mysqli_fetch_assoc($result)){
$data[]=$res;
}
mysqli_close($link);
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
<title>许愿墙</title>
<link rel="stylesheet" href="./Css/index.css" />
<script type="text/javascript" src='./Js/jquery-1.7.2.min.js'></script>
<script type="text/javascript" src='./Js/index.js'></script>
</head>
<body>
<div id='top'>
<span id='send'></span>
</div>
<div id='main'>
<?php foreach ($data as $val) {?>
<dl class="paper <?php echo $val[color];?>">
<dt >
<span class='username' ><?php echo $val[username];?></span >
<span class='num' ><?php echo $val[id];?> </span >
</dt >
<dd class='content' ><?php echo $val[words];?></dd >
<dd class='bottom' >
<span class='time' ><?php echo $val[time];?></span >
<a href = "delete.php?id=<?php echo $val[id];?>" class='close'></a >
</dd >
</dl >
<?php } ?>
</div>
<!--[if IE 6]>
<script type="text/javascript" src="./Js/iepng.js"></script>
<script type="text/javascript">
DD_belatedPNG.fix('#send,#close,.close','background');
</script>
<![endif]-->
</body>
</html>
这是index.js
$(function () {
$( '#main' ).height( $( window ).height() - $( '#top' ).height() - 45);
var paper = $( '.paper' );
var FW = $( window ).width();
var FH = $( '#main' ).height();
for (var i = 0; i < paper.length; i++) {
var obj = paper.eq(i);
obj.css( {
left : parseInt(Math.random() * (FW - obj.width())) + 'px',
top : parseInt(Math.random() * (FH - obj.height())) + 'px'
} );
drag(obj, $( 'dt', obj ));
}
paper.click( function () {
$( this ).css( 'z-index', 1 ).siblings().css( 'z-index', 0 );
} );
// $( '.close' ).click( function () {
// $( this ).parents( 'dl' ).fadeOut('slow');
// return false;
// } );
/*$( '#send' ).click( function () {
$( '<div id="windowBG"></div>' ).css( {
width : $(document).width(),
height : $(document).height(),
position : 'absolute',
top : 0,
left : 0,
zIndex : 998,
opacity : 0.3,
filter : 'Alpha(Opacity = 30)',
backgroundColor : '#000000'
} ).appendTo( 'body' );
var obj = $( '#send-form' );
obj.css( {
left : ( $( window ).width() - obj.width() ) / 2,
top : $( document ).scrollTop() + ( $( window ).height() - obj.height() ) / 2
} ).fadeIn();
} );
$( '#close' ).click( function () {
$( '#send-form' ).fadeOut( 'slow', function () {
$( '#windowBG' ).remove();
} );
return false;
} );*/
//跳转页面
$( '#send' ).click( function () {
window.location.href="wish.php";
} );
$( 'textarea[name=content]' ).keyup( function () {
var content = $(this).val();
var lengths = check(content); //调用check函数取得当前字数
//最大允许输入50个字
if (lengths[0] >= 50) {
$(this).val(content.substring(0, Math.ceil(lengths[1])));
}
var num = 50 - Math.ceil(lengths[0]);
var msg = num < 0 ? 0 : num;
//当前字数同步到显示提示
$( '#font-num' ).html( msg );
} );
$( '#phiz img' ).click( function () {
var phiz = '[' + $( this ).attr('alt') + ']';
var obj = $( 'textarea[name=content]' );
obj.val(obj.val() + phiz);
} );
});
/**
* 元素拖拽
* @param obj 拖拽的对象
* @param element 触发拖拽的对象
*/
function drag (obj, element) {
var DX, DY, moving;
element.mousedown(function (event) {
obj.css( {
zIndex : 1,
opacity : 0.5,
filter : 'Alpha(Opacity = 50)'
} );
DX = event.pageX - parseInt(obj.css('left')); //鼠标距离事件源宽度
DY = event.pageY - parseInt(obj.css('top')); //鼠标距离事件源高度
moving = true; //记录拖拽状态
});
$(document).mousemove(function (event) {
if (!moving) return;
var OX = event.pageX, OY = event.pageY; //移动时鼠标当前 X、Y 位置
var OW = obj.outerWidth(), OH = obj.outerHeight(); //拖拽对象宽、高
var DW = $(window).width(), DH = $(window).height(); //页面宽、高
var left, top; //计算定位宽、高
left = OX - DX < 0 ? 0 : OX - DX > DW - OW ? DW - OW : OX - DX;
top = OY - DY < 0 ? 0 : OY - DY > DH - OH ? DH - OH : OY - DY;
obj.css({
'left' : left + 'px',
'top' : top + 'px'
});
}).mouseup(function () {
moving = false; //鼠标抬起消取拖拽状态
obj.css( {
opacity : 1,
filter : 'Alpha(Opacity = 100)'
} );
});
}
/**
* 统计字数
* @param 字符串
* @return 数组[当前字数, 最大字数]
*/
function check (str) {
var num = [0, 50];
for (var i=0; i<str.length; i++) {
//字符串不是中文时
if (str.charCodeAt(i) >= 0 && str.charCodeAt(i) <= 255){
num[0] = num[0] + 0.5;//当前字数增加0.5个
num[1] = num[1] + 0.5;//最大输入字数增加0.5个
} else {//字符串是中文时
num[0]++;//当前字数增加1个
}
}
return num;
}
正在回答 回答被采纳积分+1
- 参与学习 人
- 提交作业 626 份
- 解答问题 4930 个
想要学好Web后端开发的中流砥柱语言,本阶段为你轻松铺就扎实的基础,从前端网页布局的搭建到后台PHP开发,助你从零基础到掌握主流开发语言。
了解课程
恭喜解决一个难题,获得1积分~
来为老师/同学的回答评分吧
0 星