2014-01-29 34 views
1

我有點新這一點,我也很抱歉,如果我讓它不清楚我想做什麼。Php循環與1顯示和隱藏在div函數

在我的數據庫,我有2個圖像和信息關於腿鎧至極,如果我在corrosponding格單擊顯示覆蓋:

<div class="legs"> 
     <a id="legs" onclick="legShow();"></a> 
    </div> 

    <div id="LegItems" > 

<?php 
$sqlleg = "SELECT * FROM items 
WHERE part = 'legs'"; 
$legquery = mysqli_query($con, $sqlleg) or die (mysqli_error($con)); 

$rowleg = mysqli_fetch_row($legquery); 


while($legf = mysqli_fetch_assoc($legquery)) 
{ 
?> 
    <img id="legArmor" src="<?php echo $legf['image']; ?>" onclick="legHide()"/> 
<?php 
} 
?> 

而且功能:

<script> 

function legShow() { 
       var LegItems = document.getElementById('LegItems'); 
       LegItems.style.display = 'block'; 
       LegItems.style.z-index = 400; 
} 

function legHide() { 
       var legs = document.getElementById("legs"); 
       var LegItems = document.getElementById('LegItems'); 
       LegItems.style.display = 'none'; 
       legs.innerHTML = "<img src='<?php echo $legf['image']; ?>' width=80; height=120;>" 

} 


</script> 

的問題是: 當我點擊腿部div覆蓋確實打開,但我只看到1圖像,而不是2(僅最後一個)

第二個問題是腿div是空方塊,如果點擊打開覆蓋與腿圖片。我想要點擊填充空白方塊的腿部圖片。

我再次道歉,如果它不清楚。 (我是荷蘭語:d)

+0

ID必須是唯一的。你所有的圖像都有相同的ID legian。 – Barmar

+0

我嘗試從圖像中刪除ID,但我仍然只獲得1. ID僅用於使圖像具有一定的高度和寬度。 – user3249657

+0

如果你的意思是它在CSS中,請使用一個類,而不是一個ID。 – Barmar

回答

0

嘗試評論這條線

$rowleg = mysqli_fetch_row($legquery); 

這條線將指針移動到下一行,這導致只有最後的圖像顯示。 我沒有完全明白你的第二個問題。 也使用ID的一次。如果你需要使用多個,你總是可以使用legArmor [0],legArmor [1]等

+0

我真的很陌生,所以我犯了很多入門錯誤。 也試圖讓第二個問題更多的理解: 我其實想要我在覆蓋圖中點擊的圖片來填補空腿div。 – user3249657

+0

首先確定什麼評論意味着,但我現在得到它,謝謝修復它 – user3249657