За последние 24 часа нас посетили 17373 программиста и 1725 роботов. Сейчас ищут 1524 программиста ...

Прокрутить внешний слой из цикла.

Тема в разделе "PHP для новичков", создана пользователем Joker2705, 25 дек 2017.

  1. Joker2705

    Joker2705 Активный пользователь

    С нами с:
    8 окт 2013
    Сообщения:
    37
    Симпатии:
    0
    Всем, привет. Бьюсь который день с данной проблемой, не могу решить. Помогите пожалуйста. Итак, есть сайт, на котором есть кнопка, при нажатии на которую, сбоку появляется слой (избранное), в котором отображаются определенные данные из БД (Картинка и текст). Сделал вывод данных через цикл, но проблема вот в чем, данные выводятся, но когда их становится больше, чем может уместиться на страницу, то они не отображаются (вернее отображаются, но я их не вижу, пока не уменьшу масштаб страницы). Подскажите как сделать так, что бы их модно было прокручивать.
    Вот сам код:

    HTML:
    1. <div id="Layer3" style="display:none;text-align:center;overflow-y: auto; /* Добавляем полосы прокрутки сбоку*/
    2. overflow-x: hidden; /* Убираем полосы прокрутки снизу*/
    3. min-height: 90%; /* Высота блока */">
    4. <div id="Layer3_Container" style="width:300px;position:relative;margin-left:auto;margin-right:auto;text-align:left;">
    5. <div id="wb_Text55" style="position:absolute;left:88px;top:19px;width:129px;height:19px;z-index:217;text-align:left;">
    6. <span style="color:#000000;font-family:'Century Gothic';font-size:16px;letter-spacing:2.07px;"><strong>ИЗБРАННОЕ</strong></span></div><br><br><br><br>
    7.  
    8. <?php
    9. /// Вывод результатов избранного.
    10.  
    11. $db = mysqli_connect($mysql_server, $mysql_username, $mysql_password) or die('Failed to connect to database server!<br>'.mysqli_error($db));
    12. mysqli_select_db($db, $mysql_database) or die('Failed to select database<br>'.mysqli_error($db));
    13. $name=htmlspecialchars(addslashes(stripslashes($_COOKIE["name"])));
    14. $izbr = mysqli_query($db, "SELECT * FROM `izbr` WHERE `name` = '$name'");
    15.  
    16. if (mysqli_num_rows($izbr)>0){
    17.    
    18.     $req = mysqli_query($db, "SELECT * FROM `izbr` WHERE `name` = '$name' ORDER BY `id` DESC");
    19.     if (mysqli_num_rows($req)>0){
    20.         While($izb = mysqli_fetch_array($req)){
    21.             $hors = mysqli_query($db, "SELECT * FROM `horses` WHERE `id` = '$izb[horse]'");
    22.             $bhp = mysqli_fetch_array($hors);          
    23.             echo '&nbsp;&nbsp;<img alt="&#1048;&#1084;&#1103; &#1083;&#1086;&#1096;&#1072;&#1076;&#1080;" class="image" src="image/katal/'.$bhp['imag'].'/1.jpg" style="left:39px;width: 95%; height: 95%;"><br>';
    24.             echo '<div style="text-align:center;">
    25.                   <span style="color:#000000;font-family:Century Gothic;font-size:13px;"><b>'.$bhp['name'].'</b></span></div><br><br>';
    26.     }
    27.     }
    28. }
    29.     ?>
    30.  
    31. </div>
    32. </div>
     
  2. Sergey_Tsarev

    Sergey_Tsarev Активный пользователь

    С нами с:
    17 мар 2016
    Сообщения:
    502
    Симпатии:
    105
    Добавь в стили блока, в котором отображаются элементы:
    Код (CSS):
    1. overflow: auto;
     
  3. Sergey_Tsarev

    Sergey_Tsarev Активный пользователь

    С нами с:
    17 мар 2016
    Сообщения:
    502
    Симпатии:
    105
    Вот так должно работать:
    PHP:
    1. <div id="Layer3" style="text-align:center;overflow: auto; width: 300px;
    2. min-height: 90%; /* Высота блока */">
    3. <div id="Layer3_Container" style="width:100%;margin:0 auto;text-align:left;height:100%;">
    4. <div id="wb_Text55" style="position:absolute;left:88px;top:19px;width:129px;height:19px;z-index:217;text-align:left;">
    5.     <span style="color:#000000;font-family:'Century Gothic';font-size:16px;letter-spacing:2.07px;"><strong>ИЗБРАННОЕ</strong></span>
    6. </div>
    7. <br>
    8. <br>
    9. <br>
    10. <br>
    11. <?php
    12. /// Вывод результатов избранного.
    13. $db = mysqli_connect($mysql_server, $mysql_username, $mysql_password) or die('Failed to connect to database server!<br>'.mysqli_error($db));
    14. mysqli_select_db($db, $mysql_database) or die('Failed to select database<br>'.mysqli_error($db));
    15. $name=htmlspecialchars(addslashes(stripslashes($_COOKIE["name"])));
    16. $izbr = mysqli_query($db, "SELECT * FROM `izbr` WHERE `name` = '$name'");
    17. if (mysqli_num_rows($izbr)>0){
    18.  
    19.     $req = mysqli_query($db, "SELECT * FROM `izbr` WHERE `name` = '$name' ORDER BY `id` DESC");
    20.     if (mysqli_num_rows($req)>0){
    21.         While($izb = mysqli_fetch_array($req)){
    22.             $hors = mysqli_query($db, "SELECT * FROM `horses` WHERE `id` = '$izb[horse]'");
    23.             $bhp = mysqli_fetch_array($hors);        
    24.             echo '&nbsp;&nbsp;<img alt="&#1048;&#1084;&#1103; &#1083;&#1086;&#1096;&#1072;&#1076;&#1080;" class="image" src="image/katal/'.$bhp['imag'].'/1.jpg" style="left:39px;width: 95%; height: 95%;"><br>';
    25.             echo '<div style="text-align:center;">
    26.                  <span style="color:#000000;font-family:Century Gothic;font-size:13px;"><b>'.$bhp['name'].'</b></span></div><br><br>';
    27.     }
    28.     }
    29. }
    30.     ?>
    31. </div>
    32. </div>