gpt4 book ai didi

PHP 和 javascript 在 Internet Explorer 和 Google Chrome 上正常工作,但在 Samsung Galaxy Android 上不能正常工作

转载 作者:太空狗 更新时间:2023-10-29 14:28:19 27 4
gpt4 key购买 nike

我有一个基于 php 的网络应用程序,当用户输入一个值时,它会从 mysql 数据库中提取详细信息并在不刷新页面的情况下显示它。这显然是用 javascript 完成的。

这在 Internet Explorer、chrome 等上 100% 正确地从移动设备(如黑莓和平板电脑)上运行,一旦用户输入数据,格式就会困惑。请参阅下面的屏幕截图。

Internet explorer,表结构保持圆滑: enter image description here

移动设备(Galaxy 平板电脑),表结构已更改: enter image description here

example can be viewed here

涉及的2个页面的代码如下所示。前端是一个 php 页面,它使用 javascript 从 mysql 中获取和显示数据。

php页面:

<html>
<head>
<title>test</title>
<script type="text/javascript">
function showUser(userNumber, str)
{
document.getElementById("r"+(userNumber)).style.display="block";
if (str=="")
{
document.getElementById("txtHint1").innerHTML="";
return;
}
if (window.XMLHttpRequest)
{// code for IE7+, Firefox, Chrome, Opera, Safari
xmlhttp=new XMLHttpRequest();
}
else
{// code for IE6, IE5
xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}

xmlhttp.onreadystatechange=function()
{
if (xmlhttp.readyState==4 && xmlhttp.status==200)
{
document.getElementById("txtHint1").innerHTML=xmlhttp.responseText;
}
}
xmlhttp.open("GET","getdata1.php?q="+str,true);
xmlhttp.send();
}
</script>
</head>
<body>

<form name="orderform" id="orderform" action="newsale.php" method="post">

<div align="left" id="txtHint1">mysql data will be shown here</div>
<br>
<table border="1">

<tr id="r1">
<td>
<input size="8" type="text" id="sku1" name="sku1" onchange="showUser(1, this.value)" >
</td>
<td>
<input type="text" id="qty1" name="qty1" size="3">
</td>
</tr>
<tr id="r2">
<td>
<input size="8" type="text" id="sku2" name="sku2" onchange="showUser(1, this.value)" >
</td>
<td>
<input type="text" id="qty2" name="qty2" size="3" >
</td>
</tr>
</table>

</form>
</body>
</html>

getdata1.php页面获取mysql数据:

<?php
$q=$_GET["q"];

$con = mysql_connect('localhost', 'user', 'pass');
if (!$con)
{
die('Could not connect: ' . mysql_error());
}

mysql_select_db("database", $con);

$sql="SELECT Category, Description,SellingUnits,Grouping,CasesPerPallet,ShrinksPerPallet FROM skudata WHERE packcode = '".$q."'";

$result = mysql_query($sql);


while($row = mysql_fetch_array($result))
{
echo "<font color=blue size=2>Description:</font> <font color=red size=2>".$row['Description']."</font>, ";
}

mysql_close($con);
?>

再次感谢所有的帮助,非常感谢。

或者,有人可以给我另一个 javascript 来显示来自 mysql 的数据吗?抱歉,但我的 javascript 技能是不存在的。

感谢和问候,

最佳答案

问题出在您的 JavaScript 的第一行:

document.getElementById("r"+(userNumber)).style.display="block";

您正在将第一个表格行的显示样式设置为 block 。我认为在您的情况下没有理由这样做,所以只需删除该行,您的 HTML 将在所有浏览器中正常运行,包括 Samsung Galaxy Tab(我在实际的平板电脑上测试过)。

附带说明一下,单元格移动效果也发生在 FireFox 中(现在不再发生)。

关于PHP 和 javascript 在 Internet Explorer 和 Google Chrome 上正常工作,但在 Samsung Galaxy Android 上不能正常工作,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9631874/

27 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com