За последние 24 часа нас посетили 22502 программиста и 1038 роботов. Сейчас ищут 653 программиста ...

Смена блоков на сайте при нажатии на кнопку

Тема в разделе "Прочие вопросы по PHP", создана пользователем Павел Альтерманн, 21 окт 2020.

  1. Павел Альтерманн

    С нами с:
    21 окт 2020
    Сообщения:
    1
    Симпатии:
    0
    • Решил создать свой сайт, разбил на блоки. Index . php - главный блок, blocks/leftCol.php - блок ссылок (он тоже не меняется, даже думал оставить его в Index.php и не выделять отдёльно), а вот блок blocks/content.php - будет меняться на content1.php content2.php Статически всё загружается, но хочу менять блоки при нажатии на ссылки верхнего меню и бокового. Я сам что то там нарыл, но знаний не хватает, обратиться не к кому.
    • в index.php на 29 строчке include - всё хорошо, а вот на 30 строчке всё плохо. Создал кнопку Выполнить справа сверху в верхнем меню для проверки, но не работает.
    • Index . php
      HTML:
      1. <!DOCTYPE html>
      2.     <head>
      3.         <meta charset="utf-8">
      4.         <meta name="viewport" content="width=device-width; initial-scale=1.0">
      5.         <link rel="stylesheet" type="text/css" href="style.css">
      6.         <link rel="stylesheet" type="text/css" href="media-queries.css">
      7.         <title>Образование доступно всем</title>
      8.     </head>
      9.     <body>
      10.         <div class="wrapper">
      11.             <div class="header">
      12.                 <div class="headerContent">
      13.                     <div class="logo"><a href="">123<span class="pink">456</span><span class="gray">.com</span></a></div>
      14.                     <ul class="nav">
      15.                         <li><a href="#" class="active">Главная</a></li>
      16.                         <li><a href="#">О сайте</a></li>
      17.                         <li><a href="#">Блог</a></li>
      18.                         <li><a href="#">Новости</a></li>
      19.                         <li><a href="#">Контакты</a></li>
      20.                         <li><a href="#">Регистрация</a></li>
      21.                         <li><a href="#">Поиск</a></li>
      22.                         <li><form action="script/script.php" method="POST">
      23.      <input name="myActionName" type="submit" value="Выполнить" /></form></a></li>
      24.                     </ul>
      25.                 </div>
      26.             </div>
      27.             <div class="content">
      28.                 <?php include("blocks/leftCol.php")?>
      29.                 <?php include($blocks)?>
      30.  
      31.             </div>
      32.             <div class="footer">
      33.                 <p>Самара, 2020 <a href="#">-</a></p>
      34.             </div>
      35.         </div>
      36.         <script src="css3-mediaqueries.js"></script>
      37.     </body>
      38. </html>

    script.php
    PHP:
    1. <?php
    2.     if (isset($_POST['myActionName'])
    3.     {
    4.        $blocks == 'blocks/content.php';
    5.     }
    6. ?>


    blocks/leftCol.php
    PHP:
    1. <div class="leftCol">
    2.                     <ul class="leftNav">
    3.                         <li><a href="#">Математика</a></li>
    4.                         <li><a href="#">Физика</a></li>
    5.                         <li><a href="#">Химия</a></li>
    6.                         <li><a href="#">Программирование</a></li>
    7.                         <li><a href="#">Дополнительно</a></li>
    8.                             <ul>
    9.                                 <li><a href="#">Ошибки в по и их устранение</a></li>
    10.                                     <ul>
    11.                                         <li><a href="#">Win</a></li>
    12.                                         <li><a href="#">Linux</a></li>
    13.                                         <li><a href="#">Android</a></li>
    14.                                         <li><a href="#">Серверные ОС</a></li>
    15.                                     </ul>
    16.                                 <li><a href="#">Ремонт техники своими руками</a></li>
    17.                                     <ul>
    18.                                         <li><a href="#">Стационарные ПК</a></li>
    19.                                         <li><a href="#">Ноутбуки</a></li>
    20.                                         <li><a href="#">Планшеты и мобильные телефоны</a></li>
    21.                                         <li><a href="#">Серверное, переферийное оборудование</a></li>
    22.                                     </ul>
    23.                             </ul>
    24.                         <li><a href="#">Жизнь самостоятельного человека</a></li>
    25.                      
    26.                     </ul>
    27.                     <div class="block">
    28.                         <h3>Дополнительное окно</h3>
    29.                         <p><i>Дополнительная информация о сайте</i></p>
    30.                         <p><a href="#" class="more">Ещё »</a></p>
    31.                     </div>
    32.                 </div>

    blocks/content.php
    PHP:
    1. <div class="main">
    2.                     <h1>Образование доступно всем</h1>
    3.                     <p>На сегодня образование является важнейшей составляющей жизни нормального человека. Самообразование - один из лучших способов достичь необходимого уровня знаний.</p>
    4.                     <!--Изображения-->
    5.                     <h2>Изображения</h2>
    6.                     <p><img src="images/1.jpg"><img src="images/2.jpg"><img src="images/3.jpg"><img src="images/4.jpg"></p>
    7.                     <!--Списки и определения-->
    8.                     <h2>На данном сайте расположенна информация:</h2>
    9.                     <div class="row">
    10.                         <div class="col">
    11.                             <ul>
    12.                                 <li>Решение задач по математике с примерами</li>
    13.                                 <li>Решение задач по физике с примерами</li>
    14.                                 <li>Решение задач по химии с примерами</li>
    15.                                 <li>Решение задач по программированию с примерами</li>
    16.                             </ul>
    17.                         </div>
    18.                         <div class="col">
    19.                             <ul>
    20.                                 <li>Устранение ошибок на ОС Win</li>
    21.                                 <li>Устранение ошибок на ОС Linux</li>
    22.                                 <li>Устранение ошибок на ОС Android</li>
    23.                                 <li>Устранение ошибок на серверных ОС</li>                    
    24.                             </ul>
    25.                         </div>
    26.                         <div class="col">
    27.                             <ul>
    28.                                 <li>Ремонт  Стационарных ПК</li>
    29.                                 <li>Ремонт  ноутбуков</li>
    30.                                 <li>Ремонт  Планшеты и мобильные телефоны</li>
    31.                                 <li>Ремонт  серверного и перефирийного оборудования</li>
    32.                             </ul>
    33.                         </div>
    34.                     </div>
    35.                     <!--Жизнь самостоятельного человека-->
    36.                     <h2>Жизнь самостоятельного человека</h2>
    37.                     <div>
    38.                     <p></p>
    39.                     </div>
    40.                 </div>
     
    #1 Павел Альтерманн, 21 окт 2020
    Последнее редактирование модератором: 23 окт 2020
  2. miketomlin

    miketomlin Старожил

    С нами с:
    9 авг 2016
    Сообщения:
    3.792
    Симпатии:
    650
    Не надо методом POST обычные страницы из обычного меню открывать! Почитайте про роутинг и шаблонизацию.

    Можете взять простой скрипт. Правда, там роутинг на основе БД выполняется, но зато автоматически и вместе с выборкой данных для страниц. Заодно и с основами шаблонизации познакомитесь. См. концовку этой статьи.