Перезагрузка одного Top Div путем выбора ссылки в Bottom Div (которая должна вести себя независимо) - PullRequest
Новая
       20

Перезагрузка одного Top Div путем выбора ссылки в Bottom Div (которая должна вести себя независимо)

1 голос
/ 28 октября 2011

Я надеюсь, что вы можете помочь мне с этим!

У меня есть файл 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 не остается на том же месте, где была, когда я нажимал на ссылку последнего фильма, если не переходил к началу этой нижней прокрутки 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>

Мне бы хотелось, чтобы Top Div перезагружался с информацией о фильме, который я выбираю каждый раз, и только с этим Div,не всю страницу, таким образом, нижняя scrolling Div будет вести себя независимо от Top Div.

Я хочу избегать Ифреймов или Объектов.Я считаю, что мне нужно использовать JQuery, AJAX, но я не знаю, как заставить это работать.Я искал часы, чтобы найти решение для этого, и мне не повезло.

Не могли бы вы помочь мне, пожалуйста?

Спасибо!

1 Ответ

0 голосов
/ 28 октября 2011

Я считаю, что вам нужно использовать какой-то плагин jQuery "Карусель" (Google есть так много)

Вот один

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

вот еще немного

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

...