私は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 スタイルのlivethe 400の値を変更して、送信前にこの位置の画像がどのようになるかをユーザーに確認する必要があります。