如何製作輸出到頁面的表單內容

我正在嘗試製作一個表格，顯示比賽的獲勝者。我已經能夠取得勝利者的成績，但不能取得那個人的名字。我用jquery calx做數學，但只是說贏家是誰一直在推動我堅果。我花了大部分時間試圖弄清楚這一點。如何製作輸出到頁面的表單內容

這是代碼。

<!DOCTYPE HTML> 

<html> 

<head> 
    <title>Untitled</title> 

<script src="js/jquery-calx-master/js/numeral.min.js"></script> 
    <script src="D:/Catapult Cruzers/web site/js/jquery-calx-master/jquery-1.9.1.min.js"></script> 
    <script src="D:/Catapult Cruzers/web site/js/jquery-calx-master/jquery-calx-2.2.0.min.js"></script> 
<script> 
$(document).ready(function(){ 
    $('#sheet').calx(); 
}); 
</script> 
</head> 

<body> 



             <form id="sheet"> 
Pilot <input data-cell="p1" name="Pilot1"> 
Run 1 <input maxlength="5" size="5" type="text" data-cell="A1" /> 
Run 2 <input maxlength="5" size="5" type="text" data-cell="A2" /> 
Run 3 <input maxlength="5" size="5" type="text" data-cell="A3" /> 
    Max <input maxlength="5" size="5" type="text" data-cell="A4" data-formula="max(A1:A3)" /> 
    Ave <input maxlength="5" size="5" type="text" data-cell="A5" data-formula="(sum(A1:A3))/3 " data-format="0.000" /> 
    <br> 
    Pilot <input data-cell="p2" name="Pilot2"> 
Run 1 <input maxlength="5" size="5" type="text" data-cell="B1" /> 
Run 2 <input maxlength="5" size="5" type="text" data-cell="B2" /> 
Run 3 <input maxlength="5" size="5" type="text" data-cell="B3" /> 
    Max <input maxlength="5" size="5" type="text" data-cell="B4" data-formula="max(B1:B3)" /> 
    Ave <input maxlength="5" size="5" type="text" data-cell="B5" data-formula="(sum(B1:B3))/3 " data-format="0.000" /> 
    <br> 
    Pilot <input data-cell="p3" name="Pilot3"> 
Run 1 <input maxlength="5" size="5" type="text" data-cell="C1" /> 
Run 2 <input maxlength="5" size="5" type="text" data-cell="C2" /> 
Run 3 <input maxlength="5" size="5" type="text" data-cell="C3" /> 
    Max <input maxlength="5" size="5" type="text" data-cell="C4" data-formula="max(C1:C3)" /> 
    Ave <input maxlength="5" size="5" type="text" data-cell="C5" data-formula="(sum(C1:C3))/3 " data-format="0.000" /> 
    <br> 
    Pilot <input data-cell="p4" name="Pilot4"> 
Run 1 <input maxlength="5" size="5" type="text" data-cell="D1" /> 
Run 2 <input maxlength="5" size="5" type="text" data-cell="D2" /> 
Run 3 <input maxlength="5" size="5" type="text" data-cell="D3" /> 
    Max <input maxlength="5" size="5" type="text" data-cell="D4" data-formula="max(D1:D3)" /> 
    Ave <input maxlength="5" size="5" type="text" data-cell="D5" data-formula="(sum(D1:D3))/3 " data-format="0.000" /> 
<br><br> 

WINNER <input maxlength="5" size="5" type="text" data-cell="w1" data-formula="MAX(A4:D4)" data-format="0.000" /> 



WINNER AVE <input maxlength="5" size="5" type="text" data-cell="w2" data-formula="MAX(A5:D5)" data-format="0.000" /> 

</form> 




</body> 

</html>

隨着贏家，贏家AVE（平均分最高）我想飛行員（P1，P2，P3，P4）的名字旁顯示比分的分數。喜歡的東西：

得主吉米8.52由於這是目前這只是贏家8.52

來源

2015-04-21 Christopher Allen

你爲什麼要使用一個形式？ – Tobsta

你的JavaScript在哪裏？ – PHPglue

這是找出一個勝利者。你在平板電腦或電腦上有這個。你把每個參賽者的名字。當他們做航班時，你會投入時間。它計算出最佳時間。我也想讓它找出勝利者。雖然會有超過四個的很多。我只用四個來解決這個問題。當你有30名參賽者時，你想擁有這個。 –

克里斯...

我從來沒有使用生石灰框架，所以我想我會回答，即使它幾乎是我爲你做了這一切。 calx的文檔並不是最好的，但是在GitHub subversion上有一些樣本。

確保您將'Pilot'數據單元重命名爲大寫P.除此之外，下面的代碼應該可以正常工作。

如果你把東西從這篇文章遠，請至少考慮以下..

有更清晰的代碼，正確的壓痕創造更好的可讀性的整個世界
當你張貼在堆棧你應該做確保你閱讀並重新閱讀你寫的所有內容。（你有什麼是相當困惑）

玩得開心，並確保你聲明我回答這個問題！

<!DOCTYPE HTML> 

<html> 
<head> 

    <title>Untitled</title> 

    <script src="js/jquery-calx-master/js/numeral.min.js"></script> 
    <script src="D:/Catapult Cruzers/web site/js/jquery-calx-master/jquery-1.9.1.min.js"></script> 
    <script src="D:/Catapult Cruzers/web site/js/jquery-calx-master/jquery-calx-2.2.0.min.js"></script> 


</head> 

<script> 

    var max_user_cell = "D"; 

    $(document).ready(function(){ 
     $('#sheet').calx(); 
    }); 

    function getWinner() 
    { 
     var sheet = $('#sheet').calx('getSheet') 
     var avg_array = new Array(); 
     var results = document.getElementById('results'); 
     var winner; 
     var highest_avg; 

     var count = 0; 
     var cell_letter = "A"; 
     while(count < 4) 
     { 
      avg_array[count] = sheet.evaluate('(sum(' + cell_letter + '1:' + cell_letter + '3))/3'); 
      cell_letter = nextChar(cell_letter); 
      count++; 
     } 

     highest_avg = Math.max.apply(Math, avg_array); 
     winner = avg_array.indexOf(highest_avg); 
     winner++; 

     results.innerHTML = sheet.getCellValue('P' + winner) + " is the winner with a time of " + highest_avg.toFixed(2); 
    } 


    function nextChar(c) 
    { 
     return String.fromCharCode(c.charCodeAt(0) + 1); 
    } 

</script> 

<body> 


<form id="sheet" onchange="getWinner()"> 

    Pilot <input data-cell="P1" name="Pilot1"> 
     Run 1 <input maxlength="5" size="5" type="text" data-cell="A1" /> 
     Run 2 <input maxlength="5" size="5" type="text" data-cell="A2" /> 
     Run 3 <input maxlength="5" size="5" type="text" data-cell="A3" /> 
     Max <input maxlength="5" size="5" type="text" data-cell="A4" data-formula="max(A1:A3)" /> 
     Ave <input maxlength="5" size="5" type="text" data-cell="A5" data-formula="(sum(A1:A3))/3 " data-format="0.000" /> 

    <br> 

    Pilot <input data-cell="P2" name="Pilot2"> 
     Run 1 <input maxlength="5" size="5" type="text" data-cell="B1" /> 
     Run 2 <input maxlength="5" size="5" type="text" data-cell="B2" /> 
     Run 3 <input maxlength="5" size="5" type="text" data-cell="B3" /> 
     Max <input maxlength="5" size="5" type="text" data-cell="B4" data-formula="max(B1:B3)" /> 
     Ave <input maxlength="5" size="5" type="text" data-cell="B5" data-formula="(sum(B1:B3))/3 " data-format="0.000" /> 

    <br> 

    Pilot <input data-cell="P3" name="Pilot3"> 
     Run 1 <input maxlength="5" size="5" type="text" data-cell="C1" /> 
     Run 2 <input maxlength="5" size="5" type="text" data-cell="C2" /> 
     Run 3 <input maxlength="5" size="5" type="text" data-cell="C3" /> 
     Max <input maxlength="5" size="5" type="text" data-cell="C4" data-formula="max(C1:C3)" /> 
     Ave <input maxlength="5" size="5" type="text" data-cell="C5" data-formula="(sum(C1:C3))/3 " data-format="0.000" /> 

    <br> 

    Pilot <input data-cell="P4" name="Pilot4"> 
     Run 1 <input maxlength="5" size="5" type="text" data-cell="D1" /> 
     Run 2 <input maxlength="5" size="5" type="text" data-cell="D2" /> 
     Run 3 <input maxlength="5" size="5" type="text" data-cell="D3" /> 
     Max <input maxlength="5" size="5" type="text" data-cell="D4" data-formula="max(D1:D3)" /> 
     Ave <input maxlength="5" size="5" type="text" data-cell="D5" data-formula="(sum(D1:D3))/3 " data-format="0.000" /> 

    <br> 
    <br> 

    WINNER <input maxlength="5" size="5" type="text" data-cell="w1" data-formula="MAX(A4:D4)" data-format="0.000" /> 

    WINNER AVE <input maxlength="5" size="5" type="text" data-cell="w2" data-formula="MAX(A5:D5)" data-format="0.000" /> 

    <br> 
    <br> 

    <span id="results"></span> 

</form> 


</body> 

</html>

來源

2015-04-21 23:55:51 CommonKnowledge

酷！謝謝你的幫助！像冠軍一樣工作。 –

如何製作輸出到頁面的表單內容

回答

相關問題