結果顯示在新窗口中

我創建了一個計算總和值的按鈕。計算後，我想在新窗口中顯示我的結果，如彈出窗口.along與其他選定的值在下拉框中。這是我的代碼。結果顯示在新窗口中

function CalCost(a) 
    { 
     var area = a; 

      var Total_Cost = 0; 

      var max = 100; 

       if(a == 1) 
       { 
         J = 40; 
         D = 15; 
         E = 900; 
         P = 75; 
         L = 50; 
         E = 5; 
         M = 16; 
         Pi =8; 
         Pr = 34; 
         Ir = 52; 
         W = 42; 
         RK = 25; 
         Sp = 7; 
         Total_Cost = J+D+E+P+L+E+M+Pi+Pr+Ir+W+RK+Sp; 
       }     
     }

來源

2017-05-02 Sarah Salar

有什麼問題嗎？ :) – Ferus7

經過計算，我想在新窗口顯示結果。我在問如何創建彈出窗口來顯示函數的結果 –

您可以使用隱藏的div，並在解析數據時顯示它，或者您可以使用框架 – Ferus7

有多種方式做它，我也假設你正在尋找一個新的窗口，而不是一個模式或彈出窗口。對於您可以使用window.open &更新的價值有

var win = window.open(); 
win.document.write(Total_Cost);

DEMO

編輯

首先創建模式

<div id="myModal" class="modal"> 

    <!-- Modal content --> 
    <div class="modal-content"> 
    <span class="close">&times;</span> 
    <p id ='calValue'></p> // calculated value will be show here 
    </div> 

</div>

一個DOM JS

// Get the button that opens the modal 
var btn = document.getElementById("myBtn"); 

// Get the <span> element that closes the modal 
var span = document.getElementsByClassName("close")[0]; 

// When the user clicks on the button, open the modal 
btn.onclick = function() { 
    modal.style.display = "block"; 
} 
// When the user clicks on <span> (x), close the modal 
span.onclick = function() { 
    modal.style.display = "none"; 
} 

// When the user clicks anywhere outside of the modal, close it 
window.onclick = function(event) { 
    if (event.target == modal) { 
     modal.style.display = "none"; 
    } 
}

檢查演示here

來源

2017-05-02 06:25:54 brk

我想在彈出的窗口中顯示resutls。善意啓迪我的模態 –

謝謝它的幫助。我想要它像生成一個報告。當我點擊按鈕

當我使用相同的按鈕來計算和顯示模態。模態不顯示。 –

保持一個隱藏的div在HTML並設置絕對位置的div顯示/隱藏它使用JavaScript「的style.display」屬性點擊。

要顯示的div使用

document.getElementById("myDIV").style.display = "";

要隱藏的div

document.getElementById("myDIV").style.display = "none";

或者你可以使用jQuery對話框https://jqueryui.com/dialog/#animated

來源

2017-05-02 06:29:22 user7923798

結果顯示在新窗口中

回答

相關問題