Форум программистов, компьютерный форум, киберфорум
PHP: базы данных
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 4.91/11: Рейтинг темы: голосов - 11, средняя оценка - 4.91
 Аватар для Dimka1judo
6 / 6 / 5
Регистрация: 16.01.2012
Сообщений: 245

форма для комментариев скрыта как сделать чтобы она была открытой.(обычная)

31.05.2012, 21:06. Показов 1955. Ответов 1
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
В общем вот сам код
PHP
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
    <ul id="commentRoot">
<li id="newComment">
   <div class="commentContent">
      <div id="cancelComment">X</div>
          Ваше имя: <br><input name="name" type="text"> <span></span> 
          <div class="comment">
              Благодарность (пожелание): <br>
              <textarea name="newCommentText"></textarea>
          </div>
          
         <button>Сохранить</button><img class="loader" src="loader.gif">
      </div>                            
  </li>
 
</ul> 
<a class="button" href="#" id="addNewComment">Добавить благодарность</a>
            <?php require_once 'comments.php';?>
<ul id="commentRoot">
<?php echo $comments;  ?>
 
 
</ul>
Теперь вот java script
JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
$(function (){ 
    
      /* Объект sendDataComment будет содержать данные для отправки на сервер
         commentForm - переменная, в которую будет помещен клон формы         */
 
      var sendDataComment = {}; 
      var commentForm; 
 
// Функция создает форму для ответа путем клонирования нашей спрятанной формы
      function CommentForm()
      {
        if(commentForm) 
    {
          // Проверяем существования клона. Если он уже создан, то удаляем его, а затем создаем новый. 
            removeCommentForm();  
          } 
          commentForm = $('#newComment').clone();
      }
      
      // Функция удаления клона 
      function removeCommentForm()
      {
         commentForm.remove();
         sendDataComment = {};
      }
      
      
      /* На событие клика по кнопке "Добавить комментарий/Ответить" вешаем необходимые действия */
      
$('#addNewComment, .reply').click(function(){
          
          CommentForm(); // Создаем клона формы
          
          if($(this).attr('id') == 'addNewComment')
          {
              // Новый комментарий
              // Добавляем форму после всех комментариев
            commentForm.appendTo('#commentRoot');
             
          }
          else
          {
              // Новый ответ
              // Добавляем форму под родительским комментарием 
              // Для этого находим родительский элемент li
              var parentComment = $(this).parent().parent();
             
              // в sendDataComment добавим идентификатор родителя
              sendDataComment.parent_id = parentComment.attr('id');
              
             
             var childs =  parentComment.find('ul'); // Ищем у этого коммента потомков (ответы)
             
             if(!childs.length) 
             {
              // Если у этого комментария нет  ответов (потомков) добавим для ответов контейнер ul, а затем уже в этот контейнер нашу форму
                 parentComment.append('<ul></ul>');
                 commentForm.appendTo(parentComment.children('ul'));
             }  
             else
              commentForm.prependTo(childs); // Добавляем форму в контейнер для ответов
              
          }
          
          commentForm.show(); // Показываем форму
          
          return false; // предотвращаем дефолтное действие браузера
      });
      
      
     
      $('#cancelComment').live('click', function(){
          // Здесь live обязательно, т.к. мы работаем не с самой формой, а ее клоном 
          removeCommentForm();
  
      })
 
      
 /* По клику на кнопку "Сохранить", доформировываем объект данных и отправляем их на сервер */
 
 $('#newComment button').live('click',function(){
    sendDataComment.author = commentForm.find("input[name='name']").val(); 
    // Подробнее о поиске элементов по аттрибутам тут [url]http://ruseller.com/lessons.php?rub=32&id=682[/url]  
    sendDataComment.comment = commentForm.find("textarea").val();
    
    sendData(); // Отправка данных
    
 });
 
 // Функция отправки данных комментария на сервер
 
function sendData()
{
   commentForm.find('button').hide().next().show(); // Прячем кнопку и показываем лоадер
 
  $.post(
           "savecomment.php",
           sendDataComment, 
           function(data){ // Обработчик ответа от сервера
            
            
            if(data)
            {   
                // Если что-то пришло, значит есть ошибки
                data = $.parseJSON(data); // Преобразовываем пришедшую строку JSON в объект JS 
                
    // Теперь в цикле пройдемся по всем ошибкам
 
                var errors =''; 
                $.each(data, function(i, val) {
                errors += val+'\n';
                  
      // alert(i); 
                  /* В i на каждой итерации цикла содержится имя поля, 
        в котором возникла ошибка, расскоментируйте alert() выше
                   и отправьте комментарий, заведомо содержащий ошибку.
                   Подумайте, как это можно использовать. */
                  
                });
                
                
                commentForm.find('button').show().next().hide(); // показываем кнопку и прячем лоадер                    
                alert(errors); 
    
    /* Выведем ошибки простым alert-ом.
                 Но по-хорошему, конечно же, такие сообщения лучше встроить 
    на страницу, под тем полем, где возникла ошибка. */
                             
            }
           else // Если ошибок нет, значит у нас все нормально сохранилось 
               formToComment(); // Форму комментария преобразуем в просто коммент               
          }
)
}
 
 
 // Функция преобразование формы в комментарий
 
 function formToComment()
 {
   commentForm.find('h6').text(sendDataComment.author); // Заменяем содержимое h6 на имя комментатора (инпут таким образом сам удалится)
   commentForm.find('.comment').text(sendDataComment.comment); // Заменяем содержимое блока div с классом .comment только на текст (текстарея удалится сама)
   
// Удаляем теперь уже лишние элементы
   commentForm.find('button').remove();  // Удаляем кнопку
   commentForm.find('.loader').remove(); // Удаляем картинку-лоадер
   commentForm.find('#cancelComment').remove(); // Удаляем кнопку закрытия формы
   /* Обязательно Удаляем атрибут id у клона.
      На данный момент он у объекта commentForm такой же, что и у спрятанной базовой формы,
      а это значит: во-первых, двух элементов с одинаковым id быть не должно, 
      во-вторых, оставлять id никак нельзя, иначе в дальнейшем, при попытке создания нового клона, клонироваться будет этот комментарий, а не нужная нам форма
   */
   commentForm.removeAttr('id');
   commentForm = null; 
   // Обязательно commentForm присваиваем значение null, таким образом, мы разорвем связь между полученным в итоге комментом и объектом в js 
 }
     
    
  });
И на выходе получается при нажатии на добавить комментарии открывается скрытая форма куда заноситься имя и текст, а мне надо чтобы этой кнопки не было вообще и она была не скрытой.
есть ещё стили где как раз вот
PHP
1
#newComment, .loader {display: none;}
отвечает за скрытие.
0
Programming
Эксперт
39485 / 9562 / 3019
Регистрация: 12.04.2006
Сообщений: 41,671
Блог
31.05.2012, 21:06
Ответы с готовыми решениями:

Как создать другую форму, но чтобы при нажатии кнопки эта форма была не сбоку, тоесть чтобы она была в этой первой форме
Как создать другую форму, но чтобы при нажатии кнопки эта форма была не сбоку, тоесть чтобы она была в этой первой форме.. например как при...

Как сделать, чтобы немодальная форма всегда была поверх других (даже если она не активна)?
Субж... Недавно перешел с Дельфей на VB (вынужден был по работе)... Этот вопрос - мое первое разочарование в VB... Пожалуйста не дайте...

Как сделать выпадающий список (DropDown) так, чтобы его граница была не утоплена, а обычная ?
Подскажите, как мне сделать выпадающий список (DropDown) так, чтобы его граница была не утоплена, а обычная ? С уважением, Сергей.

1
acril1994
16.02.2014, 15:49
Удалось сделать так, что форма показывается сразу? Та же самая проблема, не знаю, как ее решить. Удаление "display: none;" помогает, но это не скрывает кнопку "добавить" а также при нажатии на "сохранить" не показывается картинка загрузки, а должна.
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
inter-admin
Эксперт
29715 / 6470 / 2152
Регистрация: 06.03.2009
Сообщений: 28,500
Блог
16.02.2014, 15:49
Помогаю со студенческими работами здесь

Как сделать вьюшку, чтобы она была поверх любых приложений?
Например, как это сделано в ГеймХацкере. Нигде не могу нарыть. Говорят про AlertDialog, но это совсем не то, что мне нужно..

Как сделать чтобы после перезагрузки страницы в окне она была прокручена в конец?
Как сделать чтобы после перезагрузки страницы в окне она была прокручена в конец? Есть идеи?

Как сделать так, чтобы форма не была за панелью задач?
Как сделать так, чтобы форма не была за панелью задач? Использовал свойство WindowState-wsMaximized, чтобы при запуске форма была...

Программа работает только с одним разрешением экрана, как сделать чтобы она была универсальна
Написал простенький кликер на с++, который в игре нажимает кнопочки от 1 до 9, сделал зависимости нажатия кнопочек от того что происходит...

Как сделать так, чтобы форма всегда была под фокусом
Как сделать так, чтобы форма всегда была под фокусом.


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
2
Ответ Создать тему
Новые блоги и статьи
Кто-нибудь знает, где можно бесплатно получить настольный компьютер или ноутбук? США.
Programma_Boinc 26.12.2025
Кто-нибудь знает, где можно бесплатно получить настольный компьютер или ноутбук? США. Нашел на реддите интересную статью под названием «Кто-нибудь знает, где получить бесплатный компьютер или. . .
Thinkpad X220 Tablet — это лучший бюджетный ноутбук для учёбы, точка.
Programma_Boinc 23.12.2025
Рецензия / Мнение/ Перевод Нашел на реддите интересную статью под названием The Thinkpad X220 Tablet is the best budget school laptop period . Ниже её машинный перевод. Thinkpad X220 Tablet —. . .
PhpStorm 2025.3: WSL Terminal всегда стартует в ~
and_y87 14.12.2025
PhpStorm 2025. 3: WSL Terminal всегда стартует в ~ (home), игнорируя директорию проекта Симптом: После обновления до PhpStorm 2025. 3 встроенный терминал WSL открывается в домашней директории. . .
Как объединить две одинаковые БД Access с разными данными
VikBal 11.12.2025
Помогите пожалуйста !! Как объединить 2 одинаковые БД Access с разными данными.
Новый ноутбук
volvo 07.12.2025
Всем привет. По скидке в "черную пятницу" взял себе новый ноутбук Lenovo ThinkBook 16 G7 на Амазоне: Ryzen 5 7533HS 64 Gb DDR5 1Tb NVMe 16" Full HD Display Win11 Pro
Музыка, написанная Искусственным Интеллектом
volvo 04.12.2025
Всем привет. Некоторое время назад меня заинтересовало, что уже умеет ИИ в плане написания музыки для песен, и, собственно, исполнения этих самых песен. Стихов у нас много, уже вышли 4 книги, еще 3. . .
От async/await к виртуальным потокам в Python
IndentationError 23.11.2025
Армин Ронахер поставил под сомнение async/ await. Создатель Flask заявляет: цветные функции - провал, виртуальные потоки - решение. Не threading-динозавры, а новое поколение лёгких потоков. Откат?. . .
Поиск "дружественных имён" СОМ портов
Argus19 22.11.2025
Поиск "дружественных имён" СОМ портов На странице: https:/ / norseev. ru/ 2018/ 01/ 04/ comportlist_windows/ нашёл схожую тему. Там приведён код на С++, который показывает только имена СОМ портов, типа,. . .
Сколько Государство потратило денег на меня, обеспечивая инсулином.
Programma_Boinc 20.11.2025
Сколько Государство потратило денег на меня, обеспечивая инсулином. Вот решила сделать интересный приблизительный подсчет, сколько государство потратило на меня денег на покупку инсулинов. . . .
Ломающие изменения в C#.NStar Alpha
Etyuhibosecyu 20.11.2025
Уже можно не только тестировать, но и пользоваться C#. NStar - писать оконные приложения, содержащие надписи, кнопки, текстовые поля и даже изображения, например, моя игра "Три в ряд" написана на этом. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2025, CyberForum.ru