Iframe 通过选择底部Div中的链接（需要独立运行）重新加载一个顶部Div_Iframe_Html_Reload

Iframe 通过选择底部Div中的链接（需要独立运行）重新加载一个顶部Div

iframe html

Iframe 通过选择底部Div中的链接（需要独立运行）重新加载一个顶部Div,iframe,html,reload,Iframe,Html,Reload,我希望你能帮我做这个我有一个filmsContents.php文件，其中包含电影详细信息标题、导演、年份，作为名为$films的数组项看起来是这样的： <?php $films = array( 'movieOne' => array( 'title' => array( 'en'=>'Movie ONE', 'es'=>'PELICULA UNO'

我希望你能帮我做这个

我有一个filmsContents.php文件，其中包含电影详细信息标题、导演、年份，作为名为$films的数组项

看起来是这样的：

<?php

$films = array(
    'movieOne' => array(
            'title' => array(
                'en'=>'Movie ONE',
                'es'=>'PELICULA UNO'
                    ),
            'director' => 'John Doe 1',
            'year' => '2011'
            ),
    'movieTwo' => array(
            'title' => array(
                'en'=>'Movie TWO',
                'es'=>'PELICULA DOS'
                    ),
            'director' => 'John Doe 2',
            'year' => '2010'
            ),
    'movieThree' => array(
            'title' => array(
                'en'=>'Movie THREE',
                'es'=>'PELICULA TRES'
                    ),
            'director' => 'John Doe 3',
            'year' => '2009'
            ),
    'movieFour' => array(
            'title' => array(
                'en'=>'Movie Four',
                'es'=>'PELICULA CUATRO'
                    ),
            'director' => 'John Doe 4',
            'year' => '2008'
            ),
    'movieFive' => array(
            'title' => array(
                'en'=>'Movie FIVE',
                'es'=>'PELICULA CINCO'
                    ),
            'director' => 'John Doe 5',
            'year' => '2007'
            ),
    'movieSix' => array(
            'title' => array(
                'en'=>'Movie SIX',
                'es'=>'PELICULA SEIS'
                    ),
            'director' => 'John Doe 6',
            'year' => '2007'
            )

        );

?>

我想做的是：

有一个页面，上面有一个主要的Div，其中显示一部电影的详细信息，下面有一个滚动Div，我在上面有每部电影的链接

我可以做得很好，但是。。。当我在底部滚动Div上有15部电影时，我点击右边的最后一部电影，它会加载整个页面，所以底部滚动Div不会停留在我点击最后一部电影链接时的位置，如果不是的话，会转到底部滚动Div的开头

这是我的films.php文件：

<?php include_once("filmsContent.php");

@$film = $_REQUEST['title'];

?>

<html xmlns='http://www.w3.org/1999/xhtml' xml:lang='en' lang='en'>
    <head>


    </head>
<body>          


<?php


echo "<div class='content'>"; ?>

    <div class='films'>

    <?php echo $films[$film]['title']['en']."<br />";
          echo $films[$film]['director']."<br />";
          echo $films[$film]['year']."<br />";
    ?>

    </div>


    <div style='width: 200px;   height: 60px; overflow: auto; overflow-y: hidden;'>

    <div style='width: 700px;'>

    <?php 

foreach($films as $film=>$attribute)
    {
    echo "<a href='?title=".$film."'>".$films[$film]['title']['en']."</a> | ";

    }
    ?>  
        </div>
        </div>

</div>



</body>
</html>

我希望每次都能用我选择的电影信息重新加载最上面的Div，并且只有该Div，而不是整个页面，这样底部滚动Div的行为将独立于最上面的Div

我希望避免使用iframe或对象。我相信我需要使用JQuery、AJAX，但我不知道如何让它工作。我已经找了几个小时来解决这个问题，但我没有运气

你能帮我吗

谢谢

我认为您需要使用的是某种类型的“Carousel”jquery插件google有很多

这里有一个

这里还有一些

感谢GX，问题是客户希望避免在滚动的底部div上出现任何特殊效果，它应该尽可能简单：只需点击链接，电影细节就会显示出来，没有任何特殊效果。