画像のサイズ変更値を計算する小さな関数のようにしようとしていました:
index.php
<?php
list($width, $height, $type, $attr) = getimagesize("image.jpeg");
echo '<form id="dimensions" action=''>';
echo '<input type="text" class="input1" id="width" value="' . $width . '" onchange="widthfunc()"/>';
echo '<input type="text" class="input1" id="height" value="' . $height . '" onchange="heightfunc()"/>';
echo '<input type="text" class="input1" id="resize" value="' . $resize . '%" onchange="resizefunc()"/>';
echo '<input type="submit" value="change" name="change"/>';
echo '</form>';
?>
site.js
function widthfunc()
{
var x=document.dimensions.getElementById("height");
var y=document.dimensions.getElementById("width");
var z=document.dimensions.getElementById("resize");
var a = 1280;
var b = 1024;
var c = 100;
x.value=y.value * b / a;
z.value=(a*b)/(x.value*y.value);
}
function heightfunc()
{
var x=document.dimensions.getElementById("height");
var y=document.dimensions.getElementById("width");
var z=document.dimensions.getElementById("resize");
var a = 1280;
var b = 1024;
var c = 100;
x.value=y * b / a;
z.value=(a*b)/(x*y);
}
function resizefunc()
{
var x=document.dimensions.getElementById("height");
var y=document.dimensions.getElementById("width");
var z=document.dimensions.getElementById("resize");
var a = 1280;
var b = 1024;
var c = 100;
x.value=y * b / a;
z.value=(a*b)/(x*y);
}
さて、デフォルトでは、値は画像の元の値である必要があります。ユーザーがフィールド幅の高さまたはサイズ (%) のいずれかを変更しない限り、javascript が他の 2 つの値を変更することを望みます...