更改其他输入的输入值

时间:2013-05-09 10:11:21

标签: php javascript html

我试图像一个小函数一样来计算图像的重新大小值:

的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);

}

嗯,默认情况下,该值应该是图像的原始值,除非用户更改其中一个fiels宽度高度或大小(以%为单位),我希望javascript会更改其他2个值。

1 个答案:

答案 0 :(得分:1)

JavaScript无法改变PHP,你可以通过AJAX发送请求,但JavaScript是客户端,而PHP是服务器端,苹果和橘子交配。

如果你试图存储之前的和调整大小的值,只需使用2D数组并将数据存储在那里,或者你喜欢的2个普通数组。