通过单击home.html页面上的href img，我想在page2.html上显示该href的详细信息

Question

首先，我有一个homepage.html，其中的表中包含10张带有“ href”的图像。

我的问题是，当我单击图像时，我想转移到第二页，在此页面中，我想查看我提供的一些信息（与什么样的信息无关）。 那是第二页中的代码。

            <table width="900px" height="475px" align="center" id="mo1" style="display:none;"><div>
            //Table with Info           
            </div></table>

该表是我第二页上的10个表中的1个，它们全部都是style =“ display：none;”。 因此，我想通过单击图像将我从homepage.html转到第二页时使用Javascript来实现，并通过将相应的表更改为style =“ display：block;”来显示一些信息。

PS对不起，我的英语不好，希望您能理解我的问题。。我正在寻找非JQuery编程解决方案。 谢谢。

Answer 1

假设在homepage.php中，您具有此链接，该链接调用secondpage.php并传递值“ mo1”以标识您要显示的表：

<a href="http://localhost/secondpage.php?showtable=mo1">image</a>

在secondpage.php中，您将获得以下代码，该代码获取$ _GET ['showtable']（即“ mo1”）的值，您将在javascript中使用此代码将特定表格的样式设置为“ display：block” ：

<script>
// set style to display:block
// $_GET['showtable'] = 'mo1'
document.getElementById('<?php echo $_GET['showtable']; ?>').style.display = "block";
<script>

<table width="900px" height="475px" align="center" id="mo1" style="display:none;"><tr><td>//Table with Info</td></tr></table>

希望您能根据您的需要进行调整。

Answer 2

实际上，我不知道如何像您所说的那样做，但是我正在分享我的想法。

我）创建一个股利：

<div>Some thing</div>

ii）使用jquery隐藏它：

$('div').hide();

iii）在单击img时使其显示：

$('img').click(function() {
   $('div').show();
}

希望对您有所帮助。