Форум программистов, компьютерный форум, киберфорум
PHP: базы данных
Войти
Регистрация
Восстановить пароль
 
Рейтинг 4.75/4: Рейтинг темы: голосов - 4, средняя оценка - 4.75
0 / 0 / 1
Регистрация: 14.02.2015
Сообщений: 90
1

ЗдКнопка включить-выключить

17.08.2015, 07:17. Просмотров 641. Ответов 2
Метки нет (Все метки)


Здравствуйте помогите найти где изменить значение этой кнопки. На данный момент значение "on"/
HTML5
1
2
3
<form>
<input type="checkbox" name="indexx88" data-on="ON" data-off="OFF" />
</form>
CSS:
CSS
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
.tzCheckBox{
    background:url('../img/background.png') no-repeat right bottom;
    display:inline-block;
    min-width:60px;
    height:33px;
    white-space:nowrap;
    position:relative;
    cursor:pointer;
    margin-left:14px;
}
 
.tzCheckBox.checked{
    background-position:top left;
    margin:0 14px 0 0;
}
 
.tzCheckBox .tzCBContent{
    color: white;
    line-height: 31px;
    padding-right: 38px;
    text-align: right;
}
 
.tzCheckBox.checked .tzCBContent{
    text-align:left;
    padding:0 0 0 38px;
}
 
.tzCBPart{
    background:url('../img/background.png') no-repeat left bottom;
    width:14px;
    position:absolute;
    top:0;
    left:-14px;
    height:33px;
    overflow: hidden;
}
 
.tzCheckBox.checked .tzCBPart{
    background-position:top right;
    left:auto;
    right:-14px;
}
 
*{
    margin:0;
    padding:0;
}
 
body{
    background:url('../img/page_bg.png') repeat-x;
    font:13px/1.3 'Segoe UI',Arial, sans-serif;
    color:#999;
}
 
#page{
    width:550px;
    margin: 150px auto 100px;
}
 
form ul{
    list-style:none;
}
 
form li{
    padding: 15px;
}
 
form li:nth-child(even){
    background:url('../img/line_bg.png') repeat-y center center;
}
 
form label{
    width:370px;
    font-size:20px;
    color:#bbb;
    display: inline-block;
}
 
a, a:visited {
    text-decoration:none;
    outline:none;
    color:#97cae6;
}
 
a:hover{
    text-decoration:underline;
}
 
#footer{
    background-color:#212121;
    position:fixed;
    width:100%;
    height:70px;
    bottom:0;
    left:0;
    z-index: 100000;
}
 
#footer h2{
    font-size:20px;
    font-weight:normal;
    left:50%;
    margin-left:-400px;
    padding:22px 0;
    position:absolute;
    width:400px;
    color:#eee;
}
 
#footer a.tzine,a.tzine:visited{
    background:url("../img/tzine.png") no-repeat right top;
    border:none;
    text-decoration:none;
    color:#FCFCFC;
    font-size:12px;
    height:70px;
    left:50%;
    line-height:31px;
    margin:23px 0 0 110px;
    position:absolute;
    top:0;
    width:290px;
}
js
Javascript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
(function($){
    $.fn.tzCheckbox = function(options){
 
        // Default on / Off labels:
 
        options = $.extend({
            labels : ['on','OFF']
        },options);
 
        return this.each(function(){
            var originalCheckBox = $(this),
                labels = [];
 
            // Checking for the data-on / data-off HTML5 data attributes:
            if(originalCheckBox.data('on')){
                labels[0] = originalCheckBox.data('on');
                labels[1] = originalCheckBox.data('OFF');
            }
            else labels = options.labels;
 
            // Creating the new checkbox markup:
            var checkBox = $('<span>',{
                className   : 'tzCheckBox '+(this.checked?'checked':''),
                html:   '<span class="tzCBContent">'+labels[this.checked?0:1]+
                        '</span><span class="tzCBPart"></span>'
            });
 
            // Inserting the new checkbox, and hiding the original:
            checkBox.insertAfter(originalCheckBox.hide());
 
            checkBox.click(function(){
                checkBox.toggleClass('checked');
 
                var isChecked = checkBox.hasClass('checked');
 
                // Synchronizing the original checkbox:
                originalCheckBox.attr('checked',isChecked);
                checkBox.find('.tzCBContent').html(labels[isChecked?0:1]);
            });
 
            // Listening for changes on the original and affecting the new one:
            originalCheckBox.bind('change',function(){
                checkBox.click();
            });
        });
    };
})(jQuery);
$(document).ready(function(){
    
    $('input[type=checkbox]').tzCheckbox({labels:['Enable','Disable']});
});
Добавлено через 17 часов 23 минуты
Некто не знает?
0
Programming
Эксперт
94731 / 64177 / 26122
Регистрация: 12.04.2006
Сообщений: 116,782
17.08.2015, 07:17
Ответы с готовыми решениями:

Смена названия кнопки(включить/выключить бан) на главной странице
Есть архитектура сайта, где можно добавлять, редактировать, удалять и банить пользователей. При...

Включить и Выключить рубильник
С новым годом, ребята... У моего друга в биллиардной, ест &quot;рубильник&quot;, он соеденяется с компом,...

Включить выключить блок
Добрый день, нужна помощь как сделать на js, jquery такую задачку, есть три блока один из них...

Включить и выключить звук
Здраствуйте. Может кто нибуть помочь мне разобратся в том как можно сделать так что бы при желание...

__________________
Помогаю в написании курсовых работ и дипломов здесь.
Записывайтесь на профессиональные курсы Fullstack-разработчиков на PHP‌
2
Эксперт PHP
3572 / 2993 / 1258
Регистрация: 01.08.2012
Сообщений: 10,255
17.08.2015, 08:58 2
Александр8867, вопрос к PHP не имеет отношения, надо в JS спрашивать.

Предположу, что на строке 7, но фз, JS пока плохо знаю.
0
0 / 0 / 1
Регистрация: 14.02.2015
Сообщений: 90
18.08.2015, 17:13  [ТС] 3
Менял значения бесполезно( При кнопке on значения отправляется "on" при кнопке off значения вообще никакое не поступает.
0
IT_Exp
Эксперт
87844 / 49110 / 22898
Регистрация: 17.06.2006
Сообщений: 92,604
18.08.2015, 17:13

Заказываю контрольные, курсовые, дипломные работы и диссертации здесь или здесь.

Кнопка - Включить/выключить звук
Предположим, что у меня на сайте играет фоновая музыка, также есть кнопка &quot;выключить звук&quot;. Как...

Включить выключить свет программно
Народ кинул на сцену компонент Light со свойством Directional Light теперь как его включить...

Как включить/выключить кнопку?
Что соответствует Button1.Enubled:=true;/Button1.Enubled:=false;, или...

Включить\Выключить проектор с компа
Доброго времени суток. У меня такой вот вопрос: как можно программно включить\выключить проектор с...

Включить/выключить звук на сайте
Доброе время суток, возник вопрос как можно на сайте включать и отключать звук? Прочитал много...

Как включить/выключить монитор в НТ?
Народ как погасить монитор в НТ И как её выключить !!! Заранее спасибо


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
3
Ответ Создать тему
Опции темы

КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin® Version 3.8.9
Copyright ©2000 - 2021, vBulletin Solutions, Inc.