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

希望你能帮我解决这个问题!

我有一个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。

我可以做得很好，但是…当我在底部滚动的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或object。我相信我需要使用JQuery, AJAX，但我不知道如何使它工作。我已经找了几个小时来找到解决这个问题的方法，但我没有运气。

你能帮我吗?

谢谢!

我相信你需要使用的是某种类型的'Carousel' jquery插件(谷歌有这么多)

这里有一个

http://jqueryfordesigners.com/demo/infinite-carousel.html

这里有一些

http://www.tripwiremagazine.com/2011/06/jquery-carousel.html

相关内容

最新更新

热门标签：