php会话数据传递图像ID

时间:2013-12-23 23:26:04

标签: javascript php jquery html css

我想通过点击图片和图片ID将我的数据传递到另一个页面。 和生病取得数据

<body>
<?php include_once("top_temp.php"); ?>

<link rel="stylesheet" href="style/mid_style.css">
<div id="pageMiddle">

<div id="06" class="inner">
<img src="style/ankara.png" alt="ankara" width="64" height="64" title="Ankara">
</div>  
<div id="34" class="inner">
<img src="style/istanbul.png" alt="ankara" width="64" height="64" title="İstanbul">
</div>

4 个答案:

答案 0 :(得分:1)

您可以使用GET变量来执行此操作。

您的图片链接: <a href="page.php?id=1"><img src="image.jpg" alt="my image" /></a>

然后,在page.php中,您可以检查ID并执行您需要执行的操作:

$ID = isset($_GET['id']) ? intval($_GET['id']) : null;

if (empty($ID))
{
 // Error handling
}

// Use $ID to fetch whatever data you need

答案 1 :(得分:0)

您可以使用JavaScript并从图片中创建提交按钮

<form id="form-id" action="target.php">
    <img src="file.jpg" onclick="document.getElementById('form-id').submit();" />
    <input type="hidden" name="data" value="42" />
</form>

或者您可以使用直接链接

<a href="target.php?data=42><img src="file.jpg" /></a>

答案 2 :(得分:0)

您可以在图片周围嵌入表单,使用javascript可以执行表单发布。您的图片ID将位于隐藏参数。这是一个例子:

<form id="Id" name="Form" method="post">
    <input type="hidden" name="imgid" value="10">
    <a href="#" onclick="document.getElementById('Id').submit();" title="Click to Submit">
        <img src="..."/>
    </a>
</form>

答案 3 :(得分:0)

另一个选项,在jQuery中:

<强> HTML

<div id="06" class="inner">
    <img src="style/ankara.png" alt="ankara" width="64" height="64" title="Ankara">
</div>

<强>的jQuery

$('.inner img').on('click', function() {
    var id = $(this).parent('div').attr('id');
    window.location.href = "my-page.php?id="+id;
});