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


Modal with specific information from database, depending on where the user clicked

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

我遇到的问题是:当用户点击球员的<div>时,我希望打开一个模式窗口,其中包含更详细的信息,如年龄、上一支球队或统计数据。所有这些数据都写在数据库中,所以检索它不是问题。但我需要模态中的信息来调整到用户点击的玩家名称,即:如果用户点击玩家名称A,模态需要包含关于玩家名称A的信息,如果他点击玩家名称B,模态需要包括关于玩家名称B的信息,等等。

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

  1. 点击玩家名称
  2. 从数据库中检索有关该玩家的ID信息
  3. 在模态中显示信息

也许我可以澄清我想做什么:

这是我为所有五个位置(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)传给模态,但我不知道怎么做。

如果您使用的是jqueryUI、bootstrap或foundation,它们的模态上有很好的文档,所以我就不谈了。

您可以为您的可点击元素设置一个标题或rel属性,该属性将包含您正在检索信息的相关元素的ID#。

然后你有两个选项:直接将模态与ajax一起使用,并通过ajax获取格式化的html,或者获取年龄等,这是你通过jQuery.ajax调用所需要的,然后注入模态html(预格式化,你可以使用一些标签来显示数据,并使用id动态更改它,即,然后在用户的UI中启动模态。

希望以上内容有意义,现在是凌晨3点,现在构建演示代码已经太晚了。