0

我是一个 php-html 页面，我想用 PHP 更改动态图像的位置，我知道该怎么做，但我也想在提交值之前进行用户预览。我的代码：

<form class="ysize" action="phpchangesize.php" method="get" name="zs"><span style="color:#FF0000"><strong>-<input name="chsize" size="1" type="text" value="400" />px <input name="sb" type="submit" value="Change Cover Top" /></strong></span></form>
<style>
.ysize
{
position:absolute;
right:0px;
top:0px;
}
.cover
{
position:absolute;
height:100%;
width:100%;
left:0px;
top:-400px;
z-index:-1;
}
</style>
<img class="cover" alt="" src="<?php echo $profilecover ?>" />

现在，当用户按下提交按钮时，php 会写入400值并将其回显在页面中，现在我不希望用户每次尝试该值时都重新加载页面，我想使用javascript进行实时预览，在提交之前看看会怎么样。

所以 JS 必须检测表单值并更改css 样式上的400值，以查看用户在提交之前如何将具有此位置的图像。

4

1 回答 1

0

您需要使用 Ajax 来调用您的 PHP 脚本，否则当用户提交表单时页面总是会重新加载。将事件的事件侦听器添加submit到表单。在此处理程序中，对 PHP 脚本执行 Ajax 调用并img使用新属性更新标记。确保return false;或event.preventDefault()阻止表单实际提交并因此重新加载页面。祝你好运。

于 2013-09-15T15:07:50.707 回答