Question

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

我的问题是，当我点击图像时，我想转移到第2页，在这个页面中，我想看到我提供的一些信息（无论什么样的信息都没关系）。那是第2页的代码。

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

这个表是我在第二页上的10个表中的一个，所有这些表都是style =“display：none;”所以我想通过使用Javascript来实现单击图像以从homepage.html继续我到第2页并通过将相应的表更改为style =“display：block;”来显示一些信息。

P.S抱歉我的英语不好我希望你能理解我的问题..我正在寻找非JQuery编程的解决方案。谢谢。

Answer 1

让我们在homepage.php中说你有这个调用secondpage.php的链接并传递值＆＃39; mo1＆＃39;确定您想要显示的表格：

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

在secondpage.php中，你有这个代码获得$ _GET [＆＃39; showtable＆＃39;]（这是＆＃39; mo1＆＃39;）的值，你将在javascript中使用将特定表格的样式设置为＆＃39; display：block＆＃39; ：

<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

其实我不知道怎么做，就像你告诉我一样，但我正在分享我这样做的想法。

i）创建一个div：

<div>Some thing</div>

ii）使用jquery隐藏它：

$('div').hide();

iii）点击img时显示：

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

希望它有用。

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

2 个答案: