具有来自数据库的特定信息的模态,具体取决于用户单击的位置

时间:2014-04-20 23:51:02

标签: javascript php html mysql sql

我正在为篮球网站开发一些东西。我有一个<div>列表,每个列表包含一个玩家的姓名和照片。使用SQL / PHP从数据库导入此数据。这样,每个玩家都有自己的<div>,可以这么说。

我遇到了什么问题:当用户点击播放器的<div>时,我想要一个模态窗口,包含更详细的信息,如年龄,最后一支队伍或统计数据。所有这些数据都写在数据库中,因此检索它不是问题。但是我需要模态中的信息来调整用户点击的玩家名称,即:如果用户点击玩家名称A,模态需要包含有关玩家名称A的信息,如果他点击玩家名称B,模态需要包含有关玩家姓名B等的信息

有可能这样做吗?简而言之:

  1. 点击播放器名称
  2. 通过数据库中的ID
  3. 检索有关该播放器的信息
  4. 显示模态中的信息

  5. 也许我可以澄清一下我想做什么:

    这是我正在为所有五个位置(PG,SG,SF,PF,C)进行的数据库查询。查询与此类似:

    $sql = "SELECT Vorname, Nachname, Bildlink, ID_Spieler 
    FROM spieler INNER JOIN saison20132014 
    ON saison20132014.ID_Spieler = spieler.ID 
    WHERE Position='PG' AND S5=1 AND Verein='".$_GET["team"]."'";
    $result = mysql_query($sql);
    $row = mysql_fetch_array($result);
    $name_s5_pg = $row['Vorname']."<br/><strong>".$row['Nachname']."</strong>";
    $bild_s5_pg = $row['Bildlink']; 
    $id_s5_pg = $row["ID_Spieler"];
    

    这适用于简单的球员名单,具体取决于球员的位置。但是,我需要做的是在CSS3 / jQuery模式中包含玩家的统计数据,年龄等。显然,我只想显示用户点击的播放器的数量。我考虑将玩家ID(例如PG的$id_s5_pg)传递给模态,但我无法弄清楚如何这样做。

1 个答案:

答案 0 :(得分:0)

如果你正在使用jqueryUI,bootstrap或foundation,他们的模态上有很好的文档,所以我不会进入。

您可以为可点击元素设置title或rel属性,该属性将包含您要从中检索信息的元素的ID#。

然后你有2个选项:直接使用带有ajax的模态并通过ajax获取格式化的html或获取年龄等,使用jQuery.ajax调用所需的内容然后注入模态HTML(预格式化,你可以使用一些标签来显示数据并使用id动态更改它,即然后在用户的UI中激活模式。

希望上述内容有道理,现在凌晨3点,现在建立演示代码为时已晚。