0 Пользователей и 1 Гость просматривают эту тему.
  • 7 Ответов
  • 2047 Просмотров
*

AlekVolsk

  • Гуру
  • 6915
  • 415 / 4
В цикле из базы выводится набор записей, каждая запись во фронте внутри своего дива, внутри каждого дива кнопка.
По нажатии на кнопку вызов формы и передача ей в качестве параметров значения конкретной записи, помещенной в тот же div, что и кнопка, вызывающая форму.

[spoiler title=Вывод из базы:]
Код: php
  foreach ($items as $i => $item) {
    echo '<div class="mfo-co-item">';
    if (isset($item->conditions) && count($item->conditions)) $list = $item->conditions;
    echo '<h4>'.$item->offername.'</h4>';
    if (isset($list) && count($list)) {
      echo '<div class="conditions">';
      $list_cnt = count($list);
      $list_ii = 1;
      foreach ($list as $listitem) {
        if ($list_ii == $list_cnt)
          {echo $listitem->condition;} else
          {echo $listitem->condition.'<br />';}
        $list_ii++;
      }
      echo '</div>';
    }
    echo '<div>'.JText::sprintf('MOD_MFO_CO_SM', number_format($item->sm_from,0,$dcs,$ths), number_format($item->sm_to,0,$dcs,$ths)).'</div>';
    echo '<div>'.JText::sprintf('MOD_MFO_CO_PRC', number_format($item->prc_from,1,$dcs,$ths), number_format($item->prc_to,1,$dcs,$ths)).'</div>';
    echo '<div>'.JText::sprintf('MOD_MFO_CO_TERM', number_format($item->term_from,0), number_format($item->term_to,0)).'</div>';
    echo '<div><a class="btn btn-primary" href="#co_form">'.JText::_('MOD_MFO_CO_DEMAND').'</a></div>';
    echo '</div>';
  }
[/spoiler]

[spoiler title=Форма:]
Код: html4strict
<form action="<?php echo JRoute::_('index.php'); ?>" method="post" id="co-form" class="form-inline">
  <a href="#" class="overlay" id="co_form"></a>
  <div class="popup">
    <a class="close" href="#"></a>
    <div class="mfo_co_controls">
      <div class="pretext">
        <h2><?php echo JText::_('MOD_MFO_CO_FORM_CAPTION'); ?></h2>
        <label><?php echo JText::sprintf('MOD_MFO_CO_FORM_PRETEXT', $item->offername); ?></label>
      </div>
      <div class="controls">
        <?php if ((int)$item->sm_from == (int)$item->sm_to) {?>
          <label for="amount-sm"><span><?php echo JText::_('MOD_MFO_CO_FORM_SM'); ?></span></label>
          <input class="no-brd" type="text" id="amount-sm" readonly disabled="true" value="<?php echo (int)$item->sm_to; ?>">
        <?php } else { ?>
          <script>
            jQuery(function() {
              jQuery( "#slider-sm" ).slider({
                range:"min",
                value:<?php echo (int)$item->sm_from; ?>,
                min:<?php echo (int)$item->sm_from; ?>,
                max:<?php echo (int)$item->sm_to; ?>,
                step:500,
                slide: function( event, ui ) {
                  jQuery( "#amount-sm" ).val( ui.value );
                  getMSum(<?php echo (int)$item->term_to; ?>,<?php echo (int)$item->prc_to; ?>,ui.value);
                }
              });
              jQuery( "#amount-sm" ).val( jQuery( "#slider-sm" ).slider( "value" ) );
            });
          </script>
          <label for="amount-sm"><span><?php echo JText::_('MOD_MFO_CO_FORM_SM'); ?></span></label>
          <input class="no-brd" type="text" id="amount-sm" readonly disabled="true">
          <div id="slider-sm"></div>
        <? } ?>
      </div>
      <div class="controls">
        <?php if ((int)$item->term_from == (int)$item->term_to) {?>
          <label for="amount-term"><span><?php echo JText::_('MOD_MFO_CO_FORM_TERM'); ?></span></label>
          <input class="no-brd" type="text" id="amount-term" readonly disabled="true" value="<?php echo (int)$item->term_to; ?>">
        <?php } else { ?>
        <script>
            jQuery(function() {
              jQuery( "#slider-term" ).slider({
                range:"min",
                value:<?php echo (int)$item->term_from; ?>,
                min:<?php echo (int)$item->term_from; ?>,
                max:<?php echo (int)$item->term_to; ?>,
                step:1,
                slide: function( event, ui ) {
                  jQuery( "#amount-term" ).val( ui.value );
                  jQuery(getMSum(<?php echo (int)$item->term_to; ?>,<?php echo (int)$item->prc_to; ?>,ui.value));
                }
              });
              jQuery( "#amount-term<?php echo $item->id; ?>" ).val( jQuery( "#slider-term<?php echo $item->id; ?>" ).slider( "value" ) );
            });
          </script>
          <label for="amount-term"><span><?php echo JText::_('MOD_MFO_CO_FORM_TERM'); ?></span></label>
          <input class="no-brd" type="text" id="amount-term" readonly disabled="true">
          <div id="slider-term"></div>
        <? } ?>
      </div>
      <div class="controls">
        <label for="amount-mpay"><span><?php echo JText::_('MOD_MFO_CO_FORM_MPAY'); ?></span></label>
        <input class="no-brd" type="text" id="amount-mpay" readonly disabled="true">
      </div>
      <div class="controls">
        <p><span class="star">* </span><?php echo JText::_('MOD_MFO_CO_FORM_PS'); ?></p>
      </div>
    </div>
    <div class="mfo_co_controls">
      <?php if ((bool)JFactory::getUser()->guest) { ?>
        <div class="controls">
          <hr />
          <label for="mod_mfo_co_name"><span><?php echo JText::_('MOD_MFO_CO_FORM_NAME'); ?></span><?php echo JText::_('MOD_MFO_CO_FORM_NAME_PH'); ?></label>
          <input id="mod_mfo_co_name" type="text" class="inputbox"/>
        </div>
        <div class="controls">
          <label for="mod_mfo_co_phone"><span><?php echo JText::_('MOD_MFO_CO_FORM_PHONE'); ?></span><?php echo JText::_('MOD_MFO_CO_FORM_PHONE_PH'); ?></label>
          <input id="mod_mfo_co_phone" type="text" class="inputbox" placeholder="+7(___)___-__-__"/>
        </div>
      <?php } else { ?>
        <div class="controls">
          <hr />
          <label><span><?php echo JText::_('MOD_MFO_CO_FORM_POSPTEXT'); ?></span></label>
        </div>
      <?php } ?>
    </div>
    <div class="mfo_co_controls">
      <div class="controls">
        <hr />
        <button type="submit" tabindex="3" name="submit" class="btn btn-primary"><?php echo JText::_('MOD_MFO_CO_DEMAND')?></button>
      </div>
      <input type="hidden" name="option" value="com_mfo" />
      <input type="hidden" name="task" value="send_mail.to" />
      <?php echo JHtml::_('form.token'); ?>
    </div>
  </div>
</form>
[/spoiler]

Поначалу думал вообще делал для каждой записи свою форму, но гемор тот еще получился, а когда кол-во записей перевалило за сотню, тормоза еще те начались.

Думал вызывать форму через js, передавая функции id нужно записи, а в форме делать запрос на получение одной записи по id, но хотелось бы обойтись без запросов.
Через скрытые поля - запутался, да и с выводом самой функции через js запутался.
Прошу помощи.
*

AlekVolsk

  • Гуру
  • 6915
  • 415 / 4
Из скрипта (в отдельном файле, из формы скрипты убрал) не могу кликнуть по ссылке на скрытой форме, чтобы ее отобразить.
Напрямую в ссылке указываю href="#co_form" - отображает. а если через js: href="javascript:ShowForm()"
Код: javascript
ShowForm = function(id) { $("#co_form").trigger('click'); }
тишина, хотя в отладчике видно, что в функцию входит
*

b2z

  • Глобальный модератор
  • 7290
  • 778 / 0
  • Разраблю понемногу
*

AlekVolsk

  • Гуру
  • 6915
  • 415 / 4
Передаваемые параметры в input type="hidden"
Спойлер
[свернуть]

Скрипт
Спойлер
[свернуть]
*

zomby6888

  • Завсегдатай
  • 1473
  • 171 / 3
Потому что событие клика вызывается на элементе с id = co_form а это есть сама форма а не кнопка. Или надо вызвать имитацию клика на кнопку с классом .btn-primary или явно вызвать переход используя window.location.href . А еще лучше форму скрывать/отображать по клику. Весь код не изучал, слишком запутанный..
интернет-блог: http://websiteprog.ru
*

AlekVolsk

  • Гуру
  • 6915
  • 415 / 4
Все куда гораздо проще, весь код и не нужен.

Нужная часть формы:
<form action="<?php echo JRoute::_('index.php'); ?>" method="post" id="co-form" class="form-inline">
  <a href="#" class="overlay" id="co_form"></a>
  <div class="popup">
...
</form>

CSS этой части формы
Код: css
.overlay {bottom:0;right:0;top:0;left:0;position:fixed;opacity:0;visibility:hidden;z-index:1;}
.popup {display:inline-block;opacity:0;position:fixed;top:10%;visibility:hidden;z-index:10;}
.overlay:target {visibility:visible;opacity:1;}
.overlay:target + .popup {top:10%;opacity:1;visibility:visible;}

Если кнопка href="#co_form", то форма появляется.
Как то же самое сделать на js в ShowForm, когда кнопка href="javascript:ShowForm()" ?
*

AlekVolsk

  • Гуру
  • 6915
  • 415 / 4
Вышел из положения: в CSS :target поменял на .active, все ссылки на # поменял на javascript:HideForm(false), кнопка сабмита заменена на ссылку javascript:HideForm(true), в js;
Код: javascript
  ShowForm = function(id)
  {
    ...

    $(".overlay").toggleClass("active");
    $(".popup").toggleClass("active");
  }
 
  HideForm = function(is_submit)
  {
    $(".overlay").toggleClass("active");
    $(".popup").toggleClass("active");
    if (is_submit) {$("#co-form").submit();}
  }

Пока решено, но все еще надеюсь найти решение с присвоением и наоборот псевдокласса :target
Откликнувшимся спасибо.
*

AlekVolsk

  • Гуру
  • 6915
  • 415 / 4
В общем, если я понял правильно реакцию форумчан, решение вопроса посредством работы на js с псевдоклассами либо не существует либо это никому не надо.
Решение, к которому пришел я, меня пока устраивает, вопрос можно считать решенным.
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

Юникод при записи параметров в базу данных

Автор Taatshi

Ответов: 12
Просмотров: 883
Последний ответ 30.10.2017, 14:27:31
от SeBun
Запись данных из формы в БД

Автор ushangi

Ответов: 3
Просмотров: 689
Последний ответ 11.09.2017, 17:24:22
от rkron
Одна функция для изменения состояний нескольких параметров элемента

Автор denism300

Ответов: 7
Просмотров: 1021
Последний ответ 22.10.2016, 16:49:46
от denism300
Как добавить выбор/загрузку файла в свой модуль в админке?

Автор Absalem

Ответов: 7
Просмотров: 1817
Последний ответ 07.09.2016, 22:48:54
от fsv
Пишу свой модуль - работа с fields

Автор Absalem

Ответов: 3
Просмотров: 1046
Последний ответ 25.08.2016, 12:55:50
от olejenya