За последние 24 часа нас посетили 21368 программистов и 1383 робота. Сейчас ищут 700 программистов ...

Добвить показать/скрыть jquery в php

Тема в разделе "Сделайте за меня", создана пользователем noice, 9 мар 2021.

Метки:
  1. noice

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

    С нами с:
    7 сен 2012
    Сообщения:
    157
    Симпатии:
    0
    нагуглил скрипт по клику показать скрыть div (изначально чтоб <form> была скрытой и только по клику видна)
    пробовал вставить в код php но когда вставляю Batton в любое место, страница открывается пустой
    в консоли ошибки нет

    Код (Javascript):
    1. <!DOCTYPE html>
    2. <html>
    3. <head>
    4. <script src="jquery.min.js">
    5. </script>
    6. <script>
    7. $(document).ready(function(){
    8.   $("#comm-slide-button").click(function(){
    9.     $("#comment").toggle();
    10.   });
    11. });
    12. </script>
    13. </head>
    14. <body>
    15.  
    16. <button id="comm-slide-button">Переключить</button>
    17. <div id="comment" style="display: none">Это параграф с небольшим контентом.</div>
    18. <p>Это другой небольшой параграф.</p>
    19. </body>
    20. </html>

    PHP:
    1. static function showComments() {
    2.  
    3.     $html = "<div class='comment-post'>
    4.      <div class='comments'>
    5.      <h2 style='color:#CC0000'>Отзывы покупателей:</h2>
    6.  
    7.      <div class='comments-msg'></div>
    8.      <form>";
    9.  
    10.     if (!User::getThis()) {
    11.       $html .= "
    12.        <label>Введите имя:</label>
    13.        <input type='text' name='name' value='' />
    14.        <span class='error'></span>
    15.        <label>Введите email:</label>
    16.        <input type='text' name='email' value='' />
    17.        <span class='error'></span>
    18.      ";
    19.     }
    20.  
    21.     $html .= "
    22.      <label>Ваш отзыв:</label>
    23.        <textarea name='comment'></textarea>
    24.        <button class='default-btn'>Оставить отзыв</button>     <!--sendComment-->
    25.        <div class='clear'></div>
    26.      </form>
    27.      <div class='comment-list'>";
    28.  
    29.     $comments = self::getComments();
    30.     if (!empty($comments['comments'])) {
    31.       foreach ($comments['comments'] as $item) {
    32.         $html .= "
    33.         <div class='comment-post'>
    34.          <span class='post-author'>".$item['name']."</span>
    35.          <span class='post-date'>".$item['date']."</span>
    36.          <p>".$item['comment']."</p>
    37.        </div>";
    38.       }
    39.       $html .= $comments['pagination'];
    40.     } else {
    41.       $html .= "Еще никто не оставил отзыв. Вы можете быть первым!</div>";
    42.     }  
    43.     return $html.'</div></div>';
    44.   }
     
  2. ADSoft

    ADSoft Старожил

    С нами с:
    12 мар 2007
    Сообщения:
    3.829
    Симпатии:
    738
    Адрес:
    Татарстан
    ужас.... разметка в php коде....
     
  3. noice

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

    С нами с:
    7 сен 2012
    Сообщения:
    157
    Симпатии:
    0
    сделал вот так, но проблема в том что щас изза условия в форме 2 кнопки, как сделать чтоб первая скрывала показывала только, а последняя без изменений

    нагуглил formaction http://htmlbook.ru/html/button/formaction но непойму как ее сюда применить.
    так как это связка файлов cms

    PHP:
    1. $html = "<div class='comment-post'>
    2.      <div class='comments'>
    3.      <!--Показать скрыть-->
    4.    
    5.      <div class='comments-msg'></div>
    6.        <form>";
    7.  
    8.     if (!User::getThis()) {
    9.       $html .= "
    10.    
    11.      <button id='comm-slide-button' class='default-btn'>Показать поля ввода</button>
    12.      <div id='comment' style='display: none'>
    13.        <label>Введите имя:</label>
    14.        <input type='text' name='name' value='' />
    15.        <span class='error'></span>
    16.        <label>Введите email:</label>
    17.        <input type='text' name='email' value='' />
    18.        <span class='error'></span>
    19.      ";
    20.     }
    21.  
    22.     $html .= "
    23.      <label>Ваш отзыв:</label>
    24.        <textarea name='comment'></textarea>
    25.        <button class='default-btn'>Оставить отзыв</button>     <!--sendComment-->
    26.        <div class='clear'></div>
    27.      </form>
    28.      </div><!--Показать скрыть-->
     
    #3 noice, 9 мар 2021
    Последнее редактирование: 9 мар 2021
  4. noice

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

    С нами с:
    7 сен 2012
    Сообщения:
    157
    Симпатии:
    0
    решилось с помощью раделения
    type='submit'
    type='button'
     
  5. Artur_hopf

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

    С нами с:
    7 май 2018
    Сообщения:
    2.266
    Симпатии:
    405
    @noice Это говнокод чувак. Представь что в будущем заказчик тупо захочет поменять стили. И ты попрешься править в своем php во это вот в кавычках. Да заипесся.
    Ты еще и стили туда умудрился сунуть
     
  6. noice

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

    С нами с:
    7 сен 2012
    Сообщения:
    157
    Симпатии:
    0
    это мой сайт, а что с такими знаниями можно уже и заказы брать :D?

    а чего страшного в style='display: none'? ну написал бы я тут такой же длинны class + еще бы в css строку добавил, символов в 2раза больше было бы
     
  7. Sail

    Sail Старожил

    С нами с:
    1 ноя 2016
    Сообщения:
    1.592
    Симпатии:
    360
    Есть такое понятие: стоимость владения.
    В общем, если через энное количество времени возникнет необходимость сделать сайт лучше - потратишь гораздо больше времени, выискивая подобные стилевые вставки в вёрстку.
    Да и процесс отладки и поддрержки добавит нервяка