Я надеюсь, что вы можете помочь мне с этим!
У меня есть файл 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, но я не знаю, как заставить это работать.Я искал часы, чтобы найти решение для этого, и мне не повезло.
Не могли бы вы помочь мне, пожалуйста?
Спасибо!