使用Javascript将图像加载到div onClick

时间:2012-08-01 16:17:05

标签: javascript onclick

我已经尝试了两天来弄清楚我做错了什么。我真的认为这段代码应该可行,但事实并非如此。如果我换掉第57行的变量,它会弹出一个onClick文件。所以逻辑上问题是变量。但是当我在第60行跟踪变量时,变量返回正确的值。那么为什么图像不能正确加载?当我点击按钮时,没有任何反应。

++ ++ EDIT

我尝试了很多东西,问题绝对是变量$ file。无论我如何测试它,$ file对应于列表中项目的id号。但是当我点击按钮时,它总是拉出第1项。我甚至回过头来编辑代码:

<img id="loadingImage" src="../maps/<?php echo $name['id']?>.gif" style="visibility:hidden"/>

我没有理由发现这不起作用。 'id'正在迭代。那么为什么只有在按下按钮后它才会认为'id'= 1?

以下是代码:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org /TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<html lang="en">
    <head>
        <meta charset="utf-8">
        <title>List of Parks</title>
        <link href="guide.css" rel="stylesheet" type="text/css">
        <style type="text/css"></style>

        <script type="text/javascript" src="../jQuery/jQuery.js"></script>
        <script type="text/javascript">

        <!--
        function showImage() {
            document.getElementById('loadingImage').style.visibility = 'visible';
        }
        -->
        </script>
    </head>
    <body>
        <div id="container">
            <div id="state"></div>

            <div id="list">
                <?php foreach ($datas as $name):
                {
                    if ($name['state'] == 'PA')
                    {
                ?>

                <input type="hidden" name="id" value="<?php echo $name['id']; ?>">

                <h2><?php echo htmlspecialchars($name['name'], ENT_QUOTES, 'UTF-8');?></h2>
                <?php htmlspecialchars($name['site'], ENT_QUOTES, 'UTF-8');?>
                <?php $link = $name['site']; ?>
                <ul id="link">
                    <li class="l1"><?php echo "<a href=$link>$link</a>" ?></li>
                </ul>
                <br>
                <?php echo htmlspecialchars($name['description'], ENT_QUOTES, 'UTF-8');?>
                <?php echo htmlspecialchars($name['street'], ENT_QUOTES, 'UTF-8');?>
                <br>
                <?php echo htmlspecialchars($name['city'], ENT_QUOTES, 'UTF-8');?> ,
                <?php echo htmlspecialchars($name['state'], ENT_QUOTES, 'UTF-8');?>
                <?php echo htmlspecialchars($name['zip'], ENT_QUOTES, 'UTF-8');?>

                <?php $file = $name['id'];
                $image = '../maps/'.$file.'.gif';?>
                <input type="button" value="click for map" onclick="showImage();" />

                <div id="trailmap">
                    **<img id="loadingImage" src="<?php $image ?>" style="visibility:hidden" />**
                </div>

                <?php echo $image?>

                <hr width="100%" size="3" black />


                <?php
                    }
                }
                endforeach; ?>
            </div>
        </div>

        <div class="fixbox">
            <div id="statemap"></div>
            <div id="home"></div>
            <div id="guide"></div>
        </div>

    </body>
</html>

0 个答案:

没有答案