PHP, отображающий различные данные на одной странице с помощью кнопок?

Question

Попытка перечислить серию видеороликов на моем веб-сайте PHP, хотя для этого у меня есть 3 серии, вместо того, чтобы создавать 3 разных веб-страницы, есть способ, которым я мог бы включить 3 кнопки в нижней части 1 страницы, например:

(СЕРИЯ 1) (СЕРИЯ 2) (СЕРИЯ 3)

Серия 1 уже будет указана ниже, но когда пользователь нажимает на серию 2 или 3, вместо изменения веб-страницы он будет перечислять выбранную серию ниже из серии 1?

Я думал, что это может иметь какое-то отношение к коду «INCLUDE:»? Но новичок в этом? Благодаря!

P.S: Пытаясь сохранить его простым, тем легче, тем лучше.

Answer 1

Вы можете передавать данные в URL с помощью ссылок, а затем фиксировать выбор в массиве $ _GET. Очевидно, что thispage.php необходимо изменить, и некоторые html могут быть изменены, если вы буквально хотите кнопки. Но вот идея:

echo ' 
    <a href="thispage.php?series=1">SERIES 1</a> 
    <a href="thispage.php?series=2">SERIES 2</a> 
    <a href="thispage.php?series=3">SERIES 3</a> 
'; 

if (isset($_GET['series'])) { 
    $series = $_GET['series']; 
} else {//if there is no choice, display series 1 
    $series = 1; 
} 

switch($series) { 
    case 1: 
     //display series 1 
     //e.g. echo... 
    break; 

    case 2: 
     //display series 1 
    break; 

    case 3: 
     //display series 1 
    break; 

    default: 
    break; 
} 

Answer 2

Самый простой способ - отобразить все ваши видео в «х» div; каждый из которых имеет уникальный идентификатор. Затем, используя javascript show/hide, какая бы ни была нажата серия. Что-то вдоль этих линий:

<button id="one" class="videoSeries" value="ViewSeries One" /> 
<button id="two" class="videoSeries" value="View Series Two" /> 


<div class="videoContainer" id="videoSeriesOne"> 
    <ul> 
    <?php 
     $videos = get_videos(seriesOne); // Get all videos for a given series. 
     for($i=0; i<$videos.length; i++;) { // Loop through videos & create the links 
      echo'<li><a href="'.$video[i]['video_href'}.'">'.$video[i]['video_title'].'<a></li>'; 
     } 
    ?> 
    </ul> 
</div> 

<div class="videoContainer" id="videoSeriesTwo"> 
    <ul> 
    <?php 
     $videos = get_videos(seriesOne); // Get all videos for a given series. 
     for($i=0; i<$videos.length; i++;) { // Loop through videos & create the links 
      echo'<li><a href="'.$video[i]['video_href'}.'">'.$video[i]['video_title'].'<a></li>'; 
     } 
    ?> 
    </ul> 
</div> 

... and so on 

Ваш Javascript будет выглядеть следующим образом (с помощью JQuery):

$('.videoSeries').on('click', function(event) { 
    var seriesToShow = $(this).attr('id').val(); 
    $('.videoContainer').hide(); 
    switch(seriesToShow) { 
    case 'one': 
    $('#videoSeriesOne').show(); 
    break; 
    } 
} 

Это далеко не самый эффективный способ сделать это, но это довольно просто & прямо вперед. Возможно, вам придется немного подстроить методы, но это должно заставить вас идти.