2013-02-14 31 views
0

一些解釋:我該如何解決後來用PHP「覆蓋」佔位符div的問題?

我想要有6個佔位符的div可以說,在遊戲中。

就像[ ] [ ] [ ] [ ] [ ] [ ]一樣。

這將是一個黑色邊框的白色方塊。

當他們做出錯誤的猜測之後,我想讓第一個div被覆蓋着一個紅色方塊來保存猜測。基本上是上面的,但是完全是紅色和中間的一個數字。例如:[9]

我該如何處理PHP/CSS/HTML?我完全習慣於迴應聲明,所以我正在考慮迴應每一個。但是如果我在那裏開始使用div,它會追隨他們,而不是覆蓋。

我在考慮一些沿着背景圖像的概念,至少在概念上(不是實際的圖像),新的猜測只是超越了舊的。這是最好的方法嗎?

回答

2

PHP在DOM完成時完成所有數據。要實時更新DOM,您可以使用Ajax或您自己的JS塊,node.js等。

+0

我知道,但我正在考慮將其定位於PHP之上,而且我很好奇這是否是最好的解決方案。 – 2013-02-14 23:54:46

+0

你可以渲染div,然後在同一個request_中使用絕對位置來渲染東西。但是我認爲Jrey是正確的:您實際上需要在頁面投放後進行更改,在這種情況下,您需要使用JavaScript。 – halfer 2013-02-15 00:00:10

2

雖然您已爲CSS和PHP添加了標籤,但最好使用jQuery。

CSS堆棧會簡單地變得混亂和雜亂的速度,PHP負載渲染,除非你使用AJAX,所以可以得到快速凌亂。

對於上面你可以使用例如:

function badguess() { 
    $('#box2').css("color","red"); 
} 

如果你想添加文字,您也可以使用箱:

function badguess(){ 
    $('#box2').css("color","red");    
    $('#box2').append('<p>WRONG</p>'); 
    } 

鏈接:

.Append( ) - http://api.jquery.com/append/

.CSS() - http://api.jquery.com/css/

+1

@halfer 感謝您的清理:3 – 2013-02-16 01:14:15

相關問題