2013-07-19 38 views
0

我目前正在爲我的雞創建一個網站,將有一個「雞蛋櫃檯」。我有一個網站的隱藏部分,它受密碼保護,我想在每次按下按鈕時添加一個按鈕,爲雞蛋增加一個值。目前,我有一個html文件,其中包含我已經嵌入到網站中的數字。按鈕增加html文件的內容每按一次

(這是嵌入.html文件的代碼)我是一個新手程序員

 <h2><b>Egg Counter!<b/></h2> 
     <p>So far our chickens have laid</p> 
     <font size="20" color="#FFFFFF"><embed src="./eggs.html"></embed></font> 

,我不知道這是否是正確的做法,但我不知道如何進行改變雞蛋價值的按鈕。

任何幫助,非常感謝!

+0

你想要的數據持久化?如果你希望它堅持下來,放入數據庫並從中讀取實際值。然後你可以有一個運行腳本的按鈕來更新數據庫中的值。 – Tdelang

+0

我想你需要的是一些服務器端編程,否則頁面將無法存儲當前的蛋數。 –

+0

Sever端編程沒有問題,我物理上擁有服務器,它是後院的一個覆盆子pi。 – Dragongeek

回答

0

我想你想存儲的數量,因此它總是顯示並可以對其進行更新,當你的時髦雞下蛋。前面的答案將允許您增加數字,但只有在打開瀏覽器時纔會增加。

我認爲最好的方法是使用PHP。

因此,首先你希望你的頁面是.php,可以說admin/loggedin.php。

你想創建一個名爲eggs.txt同一目錄下一個空白文件,與0755

然後你希望你的形式看起來像這樣

<form method="POST" action="loggedin.php"> 
    <input type="text" name="num" value="0"/> 
    <input type="submit" value="Chicken came first" name="eggs"> 
</form> 

權限爲了解釋方法/動作:

method 

是要如何將數據發送到

action 

page。

選項是$_POST$_GET,我不認爲在這裏過多的細節將有所幫助。

action =是告訴表單要發送這些數據的頁面,在這種情況下,我們選擇將它發送到表單所在的頁面(loggedin.php)。

所以,現在,一旦您提交表單,我們將有一個$ _POST ['num']可用於我們,其中包含您輸入到表單輸入字段中的數字。

爲了得到這個,你要在你的頁面的頂部添加:EDIT(已經改變了下面的代碼段 - file_put_contents應該得到的,如果($ _ POST [「蛋」]){

<?php 
//this checks to see if the form was submitted by checking 'eggs' is set. 
if($_POST['eggs']) { 
    // create a nicer variable for our egg number, it deserves a nice name. 
    $egg = $_POST['num']; 
    //this will put the new number of eggs in our eggs.txt file 
    file_put_contents('eggs.txt',$egg); 
}  
?> 

file_put_contents()寫入你希望能夠得到您的頁面上顯示的文件號文件

下一步要做到這一點:

<div class="my_egg_count"> 
    <?php echo file_get_contents('eggs.txt'); ?> 
</div> 

file_get_contents()讀取文件,從服務器到客戶端回顯「echo's」。

讓我知道如果你有這個問題,你不想最終與你的臉蛋。

編輯::試試這個

if(is_writeable('eggs.txt')) { 
    if(file_put_contents('eggs.txt',$egg)) { 
     echo 'File Updated';  
    }else { 
     echo 'Error Updating File'; 
    } 
}else { 
    echo "Error: File Isn't Writeable [possibly named incorrectly, isn't in the correct location, or wrong permissions]"; 
} 
+0

謝謝你這麼快回復!我在保存價值的代碼方面遇到了一些麻煩,我不知道該把它放在哪裏。我嘗試了多個地點,但似乎沒有任何工作。這可能是因爲文本文件沒有權限? – Dragongeek

+0

在其他任何事情之前,它都會在頁面頂部顯示錶單。你創建了文本文件嗎?如果是這樣,將其權限更改爲0755(使其可寫) – JohnnyFaldo

+0

是的,我已經創建了文本文件,並確保名稱與所有內容相符。此外,我已確保文本文件的權限設置爲0755.並且表單允許我輸入數字並提交,但不會寫入文件。 – Dragongeek

1

您可以使用javascript onclick事件將每次點擊數增加1。

將此內容放到您的頭條。

function incrementValue() 
{ 
var value = parseInt(document.getElementById('number').value, 10); 
value = isNaN(value) ? 0 : value; 
value++; 
document.getElementById('number').value = value; 
} 

將此放在您希望按鈕顯示的位置。

<form> 
<input type="text" id="number" value="0"/> 
<input type="button" onclick="incrementValue()" value="Increment Value" /> 
</form> 
+0

儘管這並沒有明確地回答他的問題,但它是迄今爲止用javascript實現的最簡單的方法。 我唯一要添加的是'

  • 11. C#每次按下按鈕時遞增循環
  • 12. 爲什麼每次單擊增加或減少按鈕時,Box會增加2個按鈕
  • 13. 如何在每次按鈕增加時通過激活按鈕來訪問功能來增加數字?
  • 14. 如何讀取包含按鈕的文件的HTML內容
  • 15. Thickbox關閉按鈕增加後,每次點擊
  • 16. 我想增加每次點擊按鈕! VB.NET 2008
  • 17. PHP按鈕清除HTML文件的內容
  • 18. 增加按鈕點擊事件的圖像按鈕的亮度
  • 19. 追加按鈕的值來輸入文本,每次點擊按鈕
  • 20. 點擊按鈕幻燈片html內容
  • 21. 谷歌頁按鈕更新增加按鈕文本框的值
  • 22. 爲html中的每個文件創建一個按鈕
  • 23. Android的 - 繪製一個圓每次按下一個按鈕
  • 24. WPF從按鈕傳遞按鈕內容?
  • 25. 每次按下循環輸出按鈕
  • 26. $ count ++每次按下提交按鈕
  • 27. 按鈕每次按下更改標題
  • 28. 每次按鈕被點擊
  • 29. c#每按一下按鈕一行一行讀取文件
  • 30. 只按一次按鈕