PHP MySQL表鼠标悬停事件显示存储在MySQL中的信息(使用Dreamweaver)

时间:2013-11-12 12:21:30

标签: php mysql mouseevent dreamweaver

我在mysql中有一个玩家及其信息的数据库。我在Dreamweaver中创建了一个表格,显示所有玩家及其信息。我希望从该表中单独显示一个播放器配置文件(存储在mysql中),并希望在鼠标悬停在表中的播放器上时更改此信息。 这是可能的,我该怎么办呢?任何帮助或教程链接都将受到极大欢迎! 我有我的页面的屏幕截图但由于声誉而无法发布,如果有人想要想象我的想法,也许我可以发送它们?

<div class="playerInfoContainer">
        <table width="95%" border="0" cellpadding="3">
          <caption>
            Player Profile
          </caption>
          <tr>
            <td><?php echo $row_Recordset1['PlayerProfile']; ?></td>
          </tr>
        </table>

    </div>
</div>  

<div class="squadListContainer">
    <div class="DatabaseContainer">
        <table width="95%" border="0" cellpadding="3">
          <caption>
            Bedlinog Veterans Squad
          </caption>
          <tr>
            <th scope="col">Player Name</th>
            <th scope="col">Position</th>
            <th scope="col">Date of Birth</th>
            <th scope="col">Points Tally</th>
            <th scope="col">Man of the Matches</th>
          </tr>
          <?php do { ?>
            <tr>
              <td width="130"><?php echo $row_Recordset1['PlayerName']; ?></td>
              <td width="100"><?php echo $row_Recordset1['Position']; ?></td>
              <td width="100"><?php echo $row_Recordset1['DateOfBirth']; ?></td>
              <td width="100"><?php echo $row_Recordset1['PointsTally']; ?></td>
              <td width="100"><?php echo $row_Recordset1['MOM']; ?></td>
            </tr>
            <?php } while ($row_Recordset1 = mysql_fetch_assoc($Recordset1)); ?>
        </table>
    </div>

1 个答案:

答案 0 :(得分:0)

首先,将所有显示的鼠标悬停数据预构建到单独的XML / JSON文件中。这样,当有人用光标疯狂时,数据库上没有任何负载可以同时显示15个项目。

其次,使用jquery显示mouseover事件,以使用单独的HTML文件填充页面上的div。

只要你的jquery是正确的并且你的css技能达到了吸引力,细节就会根据需要改变,并保持从一个'团队/小队'到下一个队伍的正确外观。