2012-02-02 2 views
0

У меня есть таблица в моей БД, которую я вызываю, чтобы показать все в этой таблице на странице, один из элементов в таблице - это изображение, которое, когда мышь, должно показать всплывающее окно, отображающее данные из отдельного таблица, соответствующая этому элементу. У меня есть JQuery, который вызывает данные в зависимости от строки из 1-й таблицы, но когда я пытаюсь на самом деле поставить эти два вместе, я получаю первую таблицу, показывающую штраф, но теперь я не вижу всплывающих подсказок.onmouseover не показывает div

Эта страница в настоящее время включена в страницу index.php, на которой есть скрипты для вызова файлов .js/.css.

Вот код для того, что я пытаюсь сделать:

 <html> 




    <table border='0' cellpadding='0' cellspacing='0' class="center2"> 
    <tr> 
    <td width='60'><img src="images/box_tl.png"></td> 
    <td style="background: url(images/box_tm.png)" align="center"><img src="images/news.png"></td> 
    <td width='25'><img src="images/box_tr.png"></td> 
    </tr> 
    <tr> 
    <td style="background: url(images/box_ml.png)"><h2>.</h2></td> 
    <td style="background: url(images/box_mm.png)"> 


<?php 
include 'connect.php'; 

$query = mysql_query("SELECT * FROM tbl_img") or die(mysql_error());; 

echo "<table border='0' cellpadding='1' cellspacing='1' width'90%' id='1' class='tablesorter'><thead>"; 
echo "<tr> <th> </th> <th>Mob Name</th> <th>Id</th> <th>Health</th> <th>Body</th> <th>Effects</th> <th>Spawn</th></tr></thead><tbody>"; 
// keeps getting the next row until there are no more to get 

while($row = mysql_fetch_array($query)) { 

$mob_id = $row['mob_id']; 
$mob = $row['mob']; 
$body = $row['body']; 
$mob_name = $row['mob_name']; 
$health = $row['health']; 
$level = $row['level']; 

// Print out the contents of each row into a table 
echo "<tr><td>"; 
echo "<img src='/testarea/include/mobs/$mob' />"; 
echo "</td><td>"; 
echo $mob_name; 
echo "</td><td>"; 
echo $level; 
echo "</td><td>"; 
echo $health; 
echo "</td><td>"; 
echo 


" 
<a onmouseover='popup($('#hidden-table').html(), 400);' href='somewhere.html'><img src='/testarea/include/mobs/dead/$body' /></a> 
"; 

echo " 

<div id='hidden-table' style='display:none;'> 
<table border='0' cellpadding='0' cellspacing='0' class='center3'> 
    <tr> 
    <td width='14'><img src='images/info_tl.png'></td> 
    <td style='background: url(images/info_tm.png)' align='center'></td> 
    <td width='14'><img src='images/info_tr.png'></td> 
    </tr> 
    <tr> 
    <td style='background: url(images/info_ml.png)'><h2>.</h2></td> 
    <td style='background: url(images/info_mm.png)'> 
"; 




$query2 = mysql_query("SELECT * FROM tbl_drop WHERE mob_name='$mob_name'") or die(mysql_error());; 

echo "<table border='0' cellpadding='1' cellspacing='1' width='250' id='2' class='tablesorter'><thead>"; 
echo "<tr> <th> </th> <th>Item Name</th> <th>Qty</th></thead><tbody>"; 
// keeps getting the next row until there are no more to get 

while($row = mysql_fetch_array($query2)) { 

$id = $row['id']; 
$item_img = $row['item_img']; 
$qty = $row['qty']; 
$item_name = $row['item_name']; 


// Print out the contents of each row into a table 
echo "<tr><td width='50'>"; 
echo "<img src='/testarea/item/$item_img' />"; 
echo "</td><td width='150'>"; 
echo $item_name; 
echo "</td><td width='50'>"; 
echo $qty; 
echo "</td></tr>"; 
} 

echo "</tbody></table>"; 


echo " 
    </td> 
    <td style='background: url(images/info_mr.png)'><h2>.</h2></td> 
    </tr> 
    <tr> 
    <td width='14'><img src='images/info_bl.png'></td> 
    <td style='background: url(images/info_bm.png)' align='center'><h2>.</h2></td> 
    <td width='14'><img src='images/info_br.png'></td> 
    </tr> 
    </table> 
</div>" 




; 
echo "</td><td>"; 
echo "test"; 
echo "</td><td>"; 
echo "test"; 
echo "</td></tr>"; 
} 

echo "</tbody></table>"; 

?> 




    </td> 
    <td style="background: url(images/box_mr.png)"><h2>.</h2></td> 
    </tr> 
    <tr> 
    <td width='60'><img src="images/box_bl.png"></td> 
    <td style="background: url(images/box_bm.png)" align="center"><h2>.</h2></td> 
    <td width='25'><img src="images/box_br.png"></td> 
    </tr> 
    </table> 

</html> 
+0

«, в начало ваш последний блок кода - это опечатка? –

+0

нет, все 3 блока кода - всего лишь один блок, ive просто разделяет их, чтобы показать, где проблема – zhaobaloth

+0

, если я использую: echo include ('info2.php'); вместо средний блок текста, чтобы вызвать средний блок, тогда я получаю всплывающее окно, которое я хочу, но это вызывает изображение не t o show и 1-й стол, чтобы показать только 1-й ряд – zhaobaloth

ответ

0

у вас есть две точки с запятой на этой линии ... может быть проблема

$query = mysql_query("SELECT * FROM tbl_drop WHERE mob_name='$mob_name'") or die(mysql_error());; 
+0

удаление дополнительной полуколонии, кажется, не имеет значения, ive обновил главный вопрос с помощью нового кода, поэтому, возможно, дает лучшую идею сейчас – zhaobaloth

Смежные вопросы