0

私は現在、このコードを持っています。これは、指定された長さから高さと翼幅を決定するためのものです。結果がフィートとインチの測定値として入力され、結果の翼幅と高さが同じ測定値で応答することを本当に望んでいます。アポストロフィやピリオドを使用してもかまいません。

<SCRIPT LANGUAGE="LiveScript">
    function wings(form) {
        form.wingspan.value = (form.length.value * .75) * 2
        form.height.value = form.length.value * .5
    }
</SCRIPT>

<TABLE>
    <TR>
        <TD>Dragon Length:</TD>
        <TD><INPUT TYPE="text" NAME="length" SIZE=15 /></TD>
    </TR>
    <TR>
        <TD>Dragon Wingspan:</TD>
        <TD><INPUT TYPE="text" NAME="wingspan" SIZE=15 /></TD>
    </TR>
    <TR>
        <TD>Dragon Height:</TD>
        <TD><INPUT TYPE="text" NAME="height" SIZE=15 /></TD>
    </TR>
    <TR>
        <TD><INPUT TYPE="button" VALUE="Calculate" ONCLICK="wings(this.form)" /></TD>
    </TR>
</TABLE>

</FORM>
4

2 に答える 2

0

プラグインやライブラリがない場合、これが機能する例です...

この例を見てください: http://jsfiddle.net/BtC4K/

Javascript:

function wings(){
    var lenght = document.getElementsByName("length")[0];
    var wingspan = document.getElementsByName("wingspan")[0];
    var height = document.getElementsByName("height")[0];

    wingspan.value = (lenght.value * 0.75) * 2;
    height.value = lenght.value * 0.5;
}

HTML:

<table>
    <tr>
        <td>Dragon Length:</td>
        <td><input type="text" name="length" SIZE=15 /></td>
    </tr>
    <tr>
        <td>Dragon Wingspan:</td>
        <td><input type="text" name="wingspan" SIZE=15 readonly /></td>
    </tr>
    <tr>
        <td>Dragon Height:</td>
        <td><input type="text" name="height" SIZE=15 readonly /></td>
    </tr>
    <tr>
        <td><button onclick="wings()">Calculate</button></td>
    </tr>
</table>
于 2013-02-14T02:53:28.153 に答える
0

これをブラウザにロードしていますか？

その場合、ほとんどの場合、LiveScript は実行されません。代わりに、Javascript または JQuery を使用したプログラミングを検討することをお勧めします。

以下は、説明のためのインライン コメントを含むスニペットです。私は実際にあなたのために何も計算しないことに注意してください...あなたは練習として自分でそれをやってみてください：

<!DOCTYPE html>
<html>
<head>
    <!-- You need this line so you can load the JQuery functions that you will be using -->
    <script src="http://code.jquery.com/jquery-latest.js"></script>
</head>
<body>

<form id="wings">
<TABLE>
<TR><TD>Dragon Length:</TD><TD>
    <INPUT TYPE ="text" id="winglength" SIZE=15</TD></TR>
</TABLE>
</form>

<!-- ID of this element is called "trigger" and will be used for clicking -->
<div id="trigger">Click me to calculate the Wingspan and Height!</div>

<!-- This div tag is called "wingspan" -->
<div id="wingspan">Wingspan is: </div>

<!-- Can you write the HTML code for "height" here? -->

<script>

    // Everything in here will run when your page is loaded
    $(document).ready(function() {

        // When you click on the DIV tag called "trigger", you run this cod below.
        $("#trigger").click(function() {

            // "append" the wing length to the HTML tag above: the # refers to id called winglength
            $("#wingspan").append($("#winglength").val());

            // How you calculate the "height" is left as an exercise for the original poaster!
        });
    });
</script>

</body>
</html>
于 2013-02-14T02:34:16.150 に答える