2013-02-14 39 views
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> 
+0

你的代码是无效的,我编辑它,并加入2 missings'' – 2013-02-14 02:06:58

回答

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> 
+0

我运行它的一个论坛,所以它只是插入的职位之一。我不确定这是否会改变任何事情 - 正如我所说的,我很新手。 – 2013-02-14 03:32:43

+0

什么论坛?它可能会影响事物 - 许多论坛不允许您在其上运行代码。 – Irwin 2013-02-14 03:37:15

+0

简易机器;你可以在[link](http://katila.second-pass.net/index.php?topic=2649.msg12270#msg12270)中看到上面和另一个。但是,他们不会读出脚和英寸,这就是我所追求的:) – 2013-02-14 03:43:33

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>