Перейти к содержимому


Фотография
- - - - -

Кнопки фильтра table с права


  • Закрытая тема Тема закрыта
Сообщений в теме: 10

#1 diks14

diks14

Отправлено 14 April 2013 - 16:26

не могу сделать кнопки так как на картинке.
Изображение

вырезал код из \modules\mod_jbzoo_search\tmpl\default.php
и в \modules\mod_jbzoo_search\renderer\item\table.php прописывал но ничего не получилось.
кнопки выводятся но все криво.



  • 0

#2 RomanL

RomanL

Отправлено 14 April 2013 - 16:52

чем вам помочь?
Почитайте учебники HTML и CSS
  • 0
[color=#aa0000]Не забывайте нажимать кнопку «Вопрос Решён» и «+1» под сообщением, которое Вам помогло[/color]

#3 diks14

diks14

Отправлено 14 April 2013 - 17:03

зная  HTML и CSS я тут не писал бы, и форума этого бы не было. все справлялись сами.
вопрос в том как сделать, если вы знаете  HTML и CSS помогите.
я пробовал своими силами ничего не вышло. 


<table class="filter-table">
    <tr>
        <td style="width:25%;"><?php echo  $this->renderPosition('cell_1_1', array('style' => 'filter.block'));?></td>
        <td style="width:25%;"><?php echo  $this->renderPosition('cell_1_2', array('style' => 'filter.block'));?></td>
        <td style="width:25%;"><?php echo  $this->renderPosition('cell_1_3', array('style' => 'filter.block'));?></td>
        <td style="width:25%;"><?php echo  $this->renderPosition('cell_1_4', array('style' => 'filter.block'));?></td>
        <td style="width:25%;"> 
 <?php if ((int)$params->get('button_reset_show', 1) == 2) : ?>
            <input type="button" name="reset-form" value="<?php echo JText::_('JBZOO_BUTTON_RESET');?>"
                   class="reset button rborder jsFormReset"/>
            <script type="text/javascript">
                jQuery(function ($) {
                    $('#<?php echo $formId;?> .jsFormReset').click(function () {
                        $('#<?php echo $formId;?> .filter-element, #<?php echo $formId;?> .static-fields').each(function (n, obj) {

                            var $obj = $(obj),
                                $input = $obj.find(':input').not(':button, :submit, :reset, :hidden');

                            $input.val('')
                                .removeAttr('checked')
                                .removeAttr('selected');

                            if ($input.is('select') && $input.attr('multiple') != 'multiple') {
                                $('option:eq(0)', $input).attr('selected', 'selected');
                            }

                            if ($obj.hasClass('element-slider')) {
                                var slider = $obj.find('.ui-slider').data('slider');
                                slider.values([slider.options.min, slider.options.max]);
                                $('.slider-value-0', $obj).html(slider.options.min);
                                $('.slider-value-1', $obj).html(slider.options.max);
                                $('[type=hidden]', $obj).val(slider.options.min + '/' + slider.options.max);
                            }

                            if ($obj.find('.radio-lbl').length > 0) {
                                $('input[type=radio]:eq(0)', $obj).trigger('click');
                            }

                            $input.trigger('change');
                        });
                    });
                });
            </script>
            <?php elseif ((int)$params->get('button_reset_show', 1) == 1) : ?>
                <input type="reset" name="reset-form" value="<?php echo JText::_('JBZOO_BUTTON_RESET');?>"
                       class="reset button rborder"/>
            <?php endif; ?>
</td>
    </tr>
    <tr>
        <td style="width:25%;"><?php echo  $this->renderPosition('cell_2_1', array('style' => 'filter.block'));?></td>
        <td style="width:25%;"><?php echo  $this->renderPosition('cell_2_2', array('style' => 'filter.block'));?></td>
        <td style="width:25%;"><?php echo  $this->renderPosition('cell_2_3', array('style' => 'filter.block'));?></td>
        <td style="width:25%;">
 <?php if ((int)$params->get('button_submit_show', 1)) : ?>
            <input type="submit" name="send-form" value="<?php echo JText::_('JBZOO_BUTTON_SUBMIT');?>"
                   class="jsSubmit button rborder"/>
            <?php endif; ?>
        </td>
    </tr>
</table>


  • 0

#4 diks14

diks14

Отправлено 14 April 2013 - 17:53

<table class="filter-table">
    <tr>
        <td style="width:25%;"><?php echo  $this->renderPosition('cell_1_1', array('style' => 'filter.block'));?></td>
        <td style="width:25%;"><?php echo  $this->renderPosition('cell_1_2', array('style' => 'filter.block'));?></td>
        <td style="width:25%;"><?php echo  $this->renderPosition('cell_1_3', array('style' => 'filter.block'));?></td>
        <td style="width:25%;"><?php echo  $this->renderPosition('cell_1_4', array('style' => 'filter.block'));?></td>
      <td style="width:25%;">
       <div class="controls">
            <?php if ((int)$params->get('button_submit_show', 1)) : ?>
            <input type="submit" name="send-form" value="<?php echo JText::_('JBZOO_BUTTON_SUBMIT');?>"
                   class="jsSubmit button rborder"/>
            <?php endif; ?><br><br><br>
            <?php if ((int)$params->get('button_reset_show', 1) == 2) : ?>
            <input type="button" name="reset-form" value="<?php echo JText::_('JBZOO_BUTTON_RESET');?>"
                   class="reset button rborder jsFormReset"/>
            <script type="text/javascript">
                jQuery(function ($) {
                    $('#<?php echo $formId;?> .jsFormReset').click(function () {
                        $('#<?php echo $formId;?> .filter-element, #<?php echo $formId;?> .static-fields').each(function (n, obj) {
                            var $obj = $(obj),
                                $input = $obj.find(':input').not(':button, :submit, :reset, :hidden');
                            $input.val('')
                                .removeAttr('checked')
                                .removeAttr('selected');
                            if ($input.is('select') && $input.attr('multiple') != 'multiple') {
                                $('option:eq(0)', $input).attr('selected', 'selected');
                            }
                            if ($obj.hasClass('element-slider')) {
                                var slider = $obj.find('.ui-slider').data('slider');
                                slider.values([slider.options.min, slider.options.max]);
                                $('.slider-value-0', $obj).html(slider.options.min);
                                $('.slider-value-1', $obj).html(slider.options.max);
                                $('[type=hidden]', $obj).val(slider.options.min + '/' + slider.options.max);
                            }
                            if ($obj.find('.radio-lbl').length > 0) {
                                $('input[type=radio]:eq(0)', $obj).trigger('click');
                            }
                            $input.trigger('change');
                        });
                    });
                });
            </script>
            <?php elseif ((int)$params->get('button_reset_show', 1) == 1) : ?>
                <input type="reset" name="reset-form" value="<?php echo JText::_('JBZOO_BUTTON_RESET');?>"
                       class="reset button rborder"/>
            <?php endif; ?>
            <div class="clear clr"></div>
        </div>
      </td>
    </tr>
    <tr>
        <td style="width:25%;"><?php echo  $this->renderPosition('cell_2_1', array('style' => 'filter.block'));?></td>
        <td style="width:25%;"><?php echo  $this->renderPosition('cell_2_2', array('style' => 'filter.block'));?></td>
        <td style="width:25%;"><?php echo  $this->renderPosition('cell_2_3', array('style' => 'filter.block'));?></td>
        
    </tr>
</table>
вот все получилось только кнопка СБРОСИТЬ не активная, как исправить ?
  • 0

#5 diks14

diks14

Отправлено 14 April 2013 - 18:04

Сброс работает, но как то странно, выставляю параметры жму сброс, сбрасывает. если жму кнопку искать то на странице выдачи результатов сброс не работает,выставляю все по умолчанию жму сброс и он возвращает предыдущие параметры. как это ?
  • 0

#6 diks14

diks14

Отправлено 14 April 2013 - 20:42

Кто нибудь помогите с html что подправить чтоб вывести так кнопки ???
  • 0

#7 SmetDenis

SmetDenis

Отправлено 15 April 2013 - 16:42

Сброс сделан с помощью средств в браузере - форма скинется на значения, которые были при загрузке страницы.
Так уж работает input type="reset"

В последних версиях появился экспериментальный вариант с использованием JS
Выставляется в настройках модуля.

PS Приложите ссылку и помощь тех поддержки будет более существенной.

  • 0
JBZoo v4.0 и новый чудный мир Open Source GPL
Отключайте проверку лицензий как можно скорее!



— Есть два типа людей: Кто еще не делает бекапы и кто уже делает бекапы.


#8 diks14

diks14

Отправлено 16 April 2013 - 00:32

 

PS Приложите ссылку и помощь тех поддержки будет более существенной.

пока на localhost-e . да и не к чему она,у каждого есть table фильтр .
а данный вариант с кодом это нормально ?
  • 0

#9 SmetDenis

SmetDenis

Отправлено 16 April 2013 - 17:18

Совсем чуть чуть школьной математики. ;)
Как думаете, 25% * 5 колонок = 100 % ?

Изображение
  • 0
JBZoo v4.0 и новый чудный мир Open Source GPL
Отключайте проверку лицензий как можно скорее!



— Есть два типа людей: Кто еще не делает бекапы и кто уже делает бекапы.


#10 diks14

diks14

Отправлено 17 April 2013 - 00:08

кнопка Сброс   (JS версия)- не работает   (HTML версия)- работает  и не работает только в таблице, когда возвращаю код так как был все работает. значить в коде что я привел выше что-то не так ?
  • 0




Click to return to top of page in style!