1 darwin

  • darwin
  • Интерн
  • Карма: 12 / 0

Тема: Форма добавления комментария в модальном окне

Бодрой ночи всем!

Я уже мозг себе сломал.. нашел на просторах инета хак для вывода формы комментирования в модальном окне. Не могу понять, но у меня почему то при нажатии "отправить" добавляется 2 одинаковых сообщения!

Код ниже. Если кто может, укажите на ошибку в нем:

+ Установка формы добавления комментария в модальном окне

Установка:

1. Открываем fullstory.tpl и ищем:
2. В самый низ вставляем:

function Modalcom() {$(function(){    $('#Modalcom').dialog({        autoOpen: true,        show: 'fade',        hide: 'fade',        width: 700,        height: 500,    });});$('#Modalcom').show(3000);$('.ui-dialog').show(3000);}[center]<div class="showLinki"><div class="quote"><input type="submit" class="fbutton" value="Комментировать" style="width:200px;" /></div></div>[/center]<div id="Modalcom" title="Оставить комментарий" style="display:none;">{addcomments}</div>

3. Открываем addcomments.tpl и ищем примерно такой код:

<button type="submit" name="submit"

Вставляем туда код:

id="add_com"

4. Открываем main.tpl и перед:

</head>

Вставляем следующий код:

<script type="text/javascript">$('#add_com').click(function() {hide: 'fade',$('#Modalcom').hide(3000);$('.ui-dialog').hide(3000);});</script>
  • Kanra
  • Adsumus! Adsumus!
  • Карма: 25 / 0

Re: Форма добавления комментария в модальном окне

<script type="text/javascript">
function addnewcom() {$(function(){$('#comments').dialog({autoOpen: true,show: 'fade',hide: 'fade',width: 500,height: 300})})}
</script>
<div id="comments">
Форма добавления комментария.
</div>
<a href="#comments" onclick="addnewcom(); return false;">Оставить отзыв</a>

3 darwin

  • darwin
  • Интерн
  • Карма: 12 / 0

Re: Форма добавления комментария в модальном окне

Kanra,
Я так понимаю, в таком случае функция Modalcom не нужна?
С твоим кодом всё проще и легче, но вот кроме вызова Окна комментирования больше ничего не происходит. Не Реагирует вовсе на кнопку "Добавить комментарий" после его написания.. sad

  • Kanra
  • Adsumus! Adsumus!
  • Карма: 25 / 0

Re: Форма добавления комментария в модальном окне

Весь вышеприведенный мной код должен располагаться в fullstory.

5 darwin

  • darwin
  • Интерн
  • Карма: 12 / 0

Re: Форма добавления комментария в модальном окне

Kanra,  тю. странно.
Добавил в конец fullstory:

+ открыть спойлер
<script type="text/javascript">
function addnewcom() {$(function(){$('#comments').dialog({autoOpen: true,show: 'fade',hide: 'fade',width: 500,height: 300})})}
</script>

<div id="comments">
{addcomments}
</div>
<a href="#comments" onclick="addnewcom(); return false;">Оставить отзыв</a>

Содержимое addcomments.tpl:

+ открыть спойлер
<div class="basecont">
    <table class="tableform"><tbody>
        [not-logged]
        <tr class="fieldtr">
            <td class="label">Ваше Имя:<span class="impot">*</span></td>
            <td align="left"><input type="text" name="name" id="name" class="f_input" /></td>
        </tr>
        <tr class="fieldtr">
            <td class="label">Ваш E-Mail:<span class="impot">*</span></td>
            <td align="left"><input name="mail" id="mail" class="f_input" type="text"></td>
        </tr>
        [/not-logged]
        <tr class="fieldtr" align="center">
            <td colspan="2">{editor}</td>
        </tr>
        [sec_code]
        <tr class="fieldtr">
            <td class="label">
                Введите код: <span class="impot">*</span>
            </td>
            <td>
                <div>{sec_code}</div>
                <div><input name="sec_code" id="sec_code" style="width: 115px;" class="f_input" type="text"></div>
            </td>
        </tr>
        [/sec_code]
        [recaptcha]
        <tr>
            <td class="label">
                Введите слова, показанные на изображении: <span class="impot">*</span>
            </td>
            <td>
                <div>{recaptcha}</div>
            </td>
        </tr>
        [/recaptcha]
        [question]
            <tr>
                <td class="label">
                    Вопрос:
                 </td>
                 <td>
                     <div>{question}</div>
                 </td>
            </tr>
            <tr>
                <td class="label">
                    Ответ:<span class="impot">*</span>
                </td>
                <td>
                    <div><input type="text" name="question_answer" id="question_answer" class="f_input" /></div>
                </td>
            </tr>
        [/question]
        <tr class="fieldtr flast">
            <td colspan="2" align="center">
                <input name="submit" class="fbutton" value="Отправить" title="Отправить" type="submit">
            </td>
        </tr>
    </tbody></table>
</div>

И всё равно при публикации комментария код его дублирует. Получается как двойное нажатие кнопки отправить...
Не понимаю в чем проблема sad

Добавлено: 30-11-2012 23:23:49

Аа фак мой мозг. Уже перепробовал всё что мог! Двойное комментирование и хоть тресни...

6 darwin

  • darwin
  • Интерн
  • Карма: 12 / 0

Re: Форма добавления комментария в модальном окне

В общем нашел решение, быть может кому поможет.

в addcomments.tpl кнопку

<button type="submit" name="submit" class="fbutton">Добавить комментарий</button>

поменять на на такую:

<button onclick="doAddComments();return false;" type="submit" name="submit" class="fbutton">Добавить комментарий</button>