我试图在随机位置的页面上显示3个提交按钮。我设法做到了这一点。我现在创建了三个函数来生成这些按钮的坐标,并检查它们与其他按钮不会重叠太多。
在这些函数的某个地方,我认为我正在创建一个无限循环 - 但我不明白为什么会出现这种情况......
这是代码。函数在标题中定义和调用。
<?php session_start(); ?>
<html>
<head>
<style>
input[type='submit']{
position: absolute;
width: 300;
height: 50;
color: white;
background: red;
}
</style>
<?php
$first=array(2,4,8,10);
$second=array(2,4,8,10);
$b=rand(0,3);
$c=rand(0,3);
$f=$first[$b];
$s=$second[$c];
$d=$f*$s;
$score=$_SESSION["score"];
$name=$_SESSION["name"];
function firstxy(){
$x1=rand(0,500);
$y1=rand(0,500);
}
function secondxy(){
$x2=rand(0,500);
$y2=rand(0,500);
if ($x2-$x1<30 ||$x1-$x2<30){
secondxy();
}
if ($y2-$y1<30 ||$y1-$y2<30){
secondxy();
}}
function thirdxy(){
$x3=rand(0,500);
$y3=rand(0,500);
if ($x3-$x2<30 ||$x3-$x1<30||$x2-$x3<30||$x1-$x3<30){
thirdxy();
}
if ($y3-$y2<30 ||$y3-$y1<30||$y2-$y3<30||$y1-$y3<30){
thirdxy();
}}
firstxy();
secondxy();
thirdxy();
?>
</head>
<body>
<?php
echo $name." your score so far=".$score;
echo "<br>";
?>
<?php echo"Write the answer";?>
<br>
<?php echo $f."x".$s."=";?>
<form method= "post" action="submit.php">
<input type="number" name=a value="0">
<input type="hidden" name=b value=<?php echo $f;?>>
<input type="hidden" name=c value=<?php echo $s;?>>
<input type="submit" name=submit value=<?php echo $d;?>>
<input type="submit" id="btn" value=<?php echo $d;?>>
<input type="submit" id="btn2" value=<?php echo " Wrong answer";?>>
<input type="submit" id="btn3" value=<?php echo " Wrong answer";?>>
</form>
<script>
var btn = document.getElementById("btn");
//btn.style.top = Math.floor((Math.random() * 230) + 1) + "px";
//btn.style.left = Math.floor((Math.random() * 200) + 1) + "px";
btn.style.top = <?php echo $x1;?>+ "px";
btn.style.left = <?php echo $y1;?> + "px";
var btn2 = document.getElementById("btn2");
//btn2.style.top = Math.floor((Math.random() * 230) + 1) + "px";
//btn2.style.left = Math.floor((Math.random() * 200) + 1) + "px";
btn2.style.top = <?php echo $x2;?>+ "px";
btn2.style.left = <?php echo $y2;?> + "px";
var btn3 = document.getElementById("btn3");
//btn3.style.top = Math.floor((Math.random() * 230) + 1) + "px";
//btn3.style.left = Math.floor((Math.random() * 200) + 1) + "px";
btn3.style.top = <?php echo $x3;?>+ "px";
btn3.style.left = <?php echo $y3;?> + "px";
</script>
</body></html>
答案 0 :(得分:2)
检查重叠时,应使用abs()。以下条件将始终通过,因为$ x2- $ x1或$ x1- $ x2中的一个将为负数(因此小于30)。
if ($x2-$x1<30 ||$x1-$x2<30)
尝试做类似
的事情if (abs($x2-$x1) < 30){