Перейти к содержанию
Oksana79

заменить select на radio в сортировке

Рекомендуемые сообщения

<select onchange="location = this.value;">
        <?php foreach ($limits as $limits) { ?>
        <?php if ($limits['value'] == $limit) { ?>
        <option value="<?php echo $limits['href']; ?>" selected="selected"><?php echo $limits['text']; ?></option>
        <?php } else { ?>
        <option value="<?php echo $limits['href']; ?>"><?php echo $limits['text']; ?></option>
        <?php } ?>
        <?php } ?>
      </select>

как правильно изменить на это...

<input type="radio" class="radio" id="radio" /> <label for="radio"><?php echo $limits['text']; ?></label>

хочется сделать как на картинке.

 

спасибо!!!

22.PNG

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
1 час назад, Oksana79 сказал:

<select onchange="location = this.value;">
        <?php foreach ($limits as $limits) { ?>
        <?php if ($limits['value'] == $limit) { ?>
        <option value="<?php echo $limits['href']; ?>" selected="selected"><?php echo $limits['text']; ?></option>
        <?php } else { ?>
        <option value="<?php echo $limits['href']; ?>"><?php echo $limits['text']; ?></option>
        <?php } ?>
        <?php } ?>
      </select>

как правильно изменить на это...


<input type="radio" class="radio" id="radio" /> <label for="radio"><?php echo $limits['text']; ?></label>

хочется сделать как на картинке.

 

спасибо!!!

22.PNG

 

А зачем делать radio?

Сделайте обычной ссылкой...Тег A стилизировать легче...

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
<?php foreach ($limits as $limits) { ?>
	<?php if ($limits['value'] == $limit) { ?>
		<a href="<?php echo $limits['href']; ?>" class="selected"><?php echo $limits['text']; ?></a>
	<?php } else { ?>
		<a href="<?php echo $limits['href']; ?>"><?php echo $limits['text']; ?></a>
	<?php } ?>
<?php } ?>
a{display:inline-block;padding:3px;margin:0 10px;}
a.selected{background:#ff0000;border-radius:50%;}

Если грубо, то как-то так...

Стили более детально под шаблон делаются...

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
19 минут назад, Fedka сказал:

<?php foreach ($limits as $limits) { ?>
	<?php if ($limits['value'] == $limit) { ?>
		<a href="<?php echo $limits['href']; ?>" class="selected"><?php echo $limits['text']; ?></a>
	<?php } else { ?>
		<a href="<?php echo $limits['href']; ?>"><?php echo $limits['text']; ?></a>
	<?php } ?>
<?php } ?>

a{display:inline-block;padding:3px;margin:0 10px;}
a.selected{background:#ff0000;border-radius:50%;}

Если грубо, то как-то так...

Стили более детально под шаблон делаются...

Спасибо огромное!!!! со стилями думаю справимся

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

я бы js скриптом развернул селект в радио

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
В 11.08.2017 в 23:01, chukcha сказал:

я бы js скриптом развернул селект в радио

не подскажите как?)))

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

а не подскажите как сделать сортировку по цене как на рисунке? что бы было не цена по возр... цена по убыв... а одна надпись цена и и стрелочки в верх  и в низ. оксторе 15512

Спасибо, всех чмок )))

11.PNG

Изменено пользователем Oksana79

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
10 часов назад, Oksana79 сказал:

а не подскажите как сделать сортировку по цене как на рисунке? что бы было не цена по возр... цена по убыв... а одна надпись цена и и стрелочки в верх  и в низ. оксторе 15512

Спасибо, всех чмок )))

11.PNG

 

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Для публикации сообщений создайте учётную запись или авторизуйтесь

Вы должны быть пользователем, чтобы оставить комментарий

Создать учетную запись

Зарегистрируйте новую учётную запись в нашем сообществе. Это очень просто!

Регистрация нового пользователя

Войти

Уже есть аккаунт? Войти в систему.

Войти

  • Последние посетители   0 пользователей онлайн

    Ни одного зарегистрированного пользователя не просматривает данную страницу

×

Важная информация

На нашем сайте используются файлы cookie и происходит обработка некоторых персональных данных пользователей, чтобы улучшить пользовательский интерфейс. Чтобы узнать для чего и какие персональные данные мы обрабатываем перейдите по ссылке. Если Вы нажмете «Я даю согласие», это означает, что Вы понимаете и принимаете все условия, указанные в этом Уведомлении о Конфиденциальности.