chechbox - вызов ссылки :: Web-программирование :: Компьютерный форум Ru.Board

Перейти из форума на сайт.

Новости • Файловые архивы
Поиск • Активные темы • Топ лист
Правила • Кто в on-line?

Вход • Забыли пароль? • Первый раз на этом сайте? • Регистрация

Компьютерный форум Ru.Board » Интернет » Web-программирование » chechbox - вызов ссылки

Модерирует : Cheery
Версия для печати • Подписаться • Добавить в закладки

Открыть новую тему

Написать ответ в эту тему

Member

Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору

добрый день. у меня имеется страница http://localhost/ и скрипт, который вызывается по ссылке http://localhost/index.php?a=on/ и останавливается по http://localhost/index.php?a=off
что б было красиво решил сделать не кнопки а переключатель (код переключателя взял отсюда https://proto.io/freebies/onoff/ )

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

т.е. я нахожусь на странице http://localhost/ тыкаю в переключатель, он вызывает ссылку, но я не перехожу никуда, а все так же остаюсь на странице http://localhost/

Всего записей: 202 | Зарегистр. 19-02-2007 | Отправлено: 09:54 14-11-2014

Mavrikii Platinum Member	Редактировать \| Профиль \| Сообщение \| Цитировать \| Сообщить модератору Jeison_M 1) ajax 2) iframe 3) смотря что возвращает ссылка - можно и просто создавать new Image и цеплять ему src в виде ссылки.
	Всего записей: 15112 \| Зарегистр. 20-09-2014 \| Отправлено: 10:02 14-11-2014

Jeison_M Member	Редактировать \| Профиль \| Сообщение \| Цитировать \| Сообщить модератору а можно какой нить пример? а то с ajax я не знаком, а как реализовать такое на iframe или через картинку я не понял
	Всего записей: 202 \| Зарегистр. 19-02-2007 \| Отправлено: 17:04 14-11-2014

Mavrikii Platinum Member	Редактировать \| Профиль \| Сообщение \| Цитировать \| Сообщить модератору Jeison_M а jQuery используется? а то там нужно цеплять прослушку событий, пределять какой css класс назначен. на чистом javascript слегка муторно.
	Всего записей: 15112 \| Зарегистр. 20-09-2014 \| Отправлено: 21:52 14-11-2014

Jeison_M Member	Редактировать \| Профиль \| Сообщение \| Цитировать \| Сообщить модератору да можно и использовать. особо ограничений нет
	Всего записей: 202 \| Зарегистр. 19-02-2007 \| Отправлено: 23:27 14-11-2014

Mavrikii

Platinum Member

Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору

Jeison_M

Цитата:

да можно и использовать. особо ограничений нет

ну как бы нет смысла грузить framework только ради одного эффекта

http://jsfiddle.net/w2zfgxjp/

Код:

$(document).ready(function(){
$('.onoffswitch-checkbox').click(function(){
var url = 'http://localhost/index.php?a=' + ($(this).is(':checked') ? 'on' : 'off');
alert('Making request to ' + url);
$.get(url);
});
});

вместо .get можно использовать просто .load.

Всего записей: 15112 | Зарегистр. 20-09-2014 | Отправлено: 23:38 14-11-2014 | Исправлено: Mavrikii, 23:47 14-11-2014

Member

Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору

спасибо большое. все работает, вот только хотелось бы что бы по умолчанию переключатель был в состоянии выключен. поправил код вот так и оно не работает:

Код:

<div class="onoffswitch">
<input type="checkbox" name="onoffswitch" class="onoffswitch-checkbox" id="myonoffswitch" nchecked>
<label class="onoffswitch-label" for="myonoffswitch">
<span class="onoffswitch-inner"></span>
<span class="onoffswitch-switch"></span>
</label>
</div>
<script>
$(document).ready(function(){
$('.onoffswitch-checkbox').click(function(){
var url = '?channel=2&command=' + ($(this).is(':nchecked') ? 'off' : 'on');
alert('Making request to ' + url);
$.get(url);
});
});

тут я в input изменил checked на nchecked и в var url тоже самое. так же на всякий случай поменял off и on местами... подскажите, как правильно сделать?

Всего записей: 202 | Зарегистр. 19-02-2007 | Отправлено: 14:18 15-11-2014

Mavrikii

Platinum Member

Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору

Jeison_M
ну хоть немного думайте и читайте мануалы )
убрать только выделенное и все.

Код:

<input type="checkbox" name="onoffswitch" class="onoffswitch-checkbox" id="myonoffswitch" checked>

Всего записей: 15112 | Зарегистр. 20-09-2014 | Отправлено: 21:43 15-11-2014

Jeison_M Member	Редактировать \| Профиль \| Сообщение \| Цитировать \| Сообщить модератору спасибо. просто я думал что параметр checked обязателен в теге input, вот и заменял его на nchecked
	Всего записей: 202 \| Зарегистр. 19-02-2007 \| Отправлено: 09:43 16-11-2014

Открыть новую тему

Написать ответ в эту тему

Компьютерный форум Ru.Board » Интернет » Web-программирование » chechbox - вызов ссылки

Реклама на форуме Ru.Board.

Powered by Ikonboard "v2.1.7b" © 2000 Ikonboard.com
Modified by Ru.B0ard
© Ru.B0ard 2000-2024

BitCoin: 1NGG1chHtUvrtEqjeerQCKDMUi6S6CG4iC