Не отображается checkbox на форме - HTML и CSS - Страница 3

Alex11223 · 17.01.2017, 13:51

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

Serge_Bliznykov · 17.01.2017, 13:52

я свой пост дополнил ещё...

kazimirskiyy-yy · 17.01.2017, 14:07

Регистр был соблюдён! Сюда, пардон переписал не так!касательно чекбоксов! Если я их в класс возведу, то по стилю я могу же регулировать расстояние между боксами

Serge_Bliznykov · 17.01.2017, 14:10

там было ещё множество мелких, но принципиальных ошибок.

вот рабочий пример:

Код:

<!doctype html>
<head>
	<meta http-equiv="Conten-Type" content="text\html; windows-1251"/>
	<title>название</title>
</head>
<style type="text/css">

body
	{
	width:400px;
	height:400px;
	}

form
	{
	width:1.5;
	height:1.5;
	}
#form1
	{
	display:none;
	}
#form2
	{
	display:none;
	}
</style>	


<body>
	<select id="myselect">
	<option>выбрать нужное</option>
	<option value="1">выбор формы 1</option>
	<option value="2">выбор формы 2</option>
	</select>


	<script>
	document.getElementById('myselect').onchange=function(){
		switch(this.value){
		case '1':
			document.getElementById('form1').style.display='block';
			document.getElementById('form2').style.display='none';
			break;
		case '2':
			document.getElementById('form1').style.display='none';
			document.getElementById('form2').style.display='block';
			break;
		default:	
			document.getElementById('form1').style.display='none';
			document.getElementById('form2').style.display='none';
		}
	};
	</script>

<form id="form1">
	<p>Название формы 1></p>
	<input type="checkbox" id="checkbox1"/>бокс 1</br>
	<input type="checkbox" id="checkbox2"/>бокс 2</br>
	<input type="reset" name="очистить">
</form>

<form id="form2">
	<p>Название формы 2></p>
	<input type="checkbox" id="checkbox1"/>бокс 1</br>
	<input type="checkbox" id="checkbox2"/>бокс 2</br>
	<input type="reset" name="очистить">
</form>	

</body>

</html>

p.s. набирать ручками - ещё и без должного опыта - это прямой путь к багам и косякам.
рекомендую скопировать AS IS.
потом править.

kazimirskiyy-yy · 17.01.2017, 18:46

Сергей, спасибо! Работает! Сейчас начну изучать и отладчик)) А то ринулся в бой не подготовившись! Единственное не пойму чем был плох скрипт Вадима)

Serge_Bliznykov · 17.01.2017, 22:19

пожалуйста!

Цитата:

Сообщение от kazimirskiyy-yy

Единственное не пойму чем был плох скрипт Вадима)

я на его основе и написал.
он был не плох, в нём были неточности.
эти неточности были оттого, что Вадим писал свой пример прямо в браузере,
пару нюансов он не учёл.
но и ещё вызывать этот скрипт нужно было бы после того, как сформируется страница. На этапе формирования ещё не были определены элементы form1 и form2...

Цитата:

Сообщение от kazimirskiyy-yy

Сейчас начну изучать и отладчик))

успехов!

Вадим Мошев · 17.01.2017, 23:18

Цитата:

Сообщение от Serge_Bliznykov

эти неточности были оттого, что Вадим писал свой пример прямо в браузере,

Нет, я писал его в subimeText, а потом скопировал в браузер, но то, что я его не тестировал - точно. Я не стал всё продумывать, давая автору темы возможность подумать и разобраться самостоятельно. Впрочем, я был уверен, что мой скрипт не содержит ошибок... но писал я ночью, и, если так можно выразиться, по диагонали.

Кстати, Сергей.

Код:

<meta http-equiv="Conten-Type" content="text\html; windows-1251"/>

Красный слеш надо записывать в обратную сторону, а синего быть не должно

kazimirskiyy-yy · 19.01.2017, 13:54

Возник вопрос в процессе усовершенствования виджета! Не разберусь в реализации функции docked и undocked. Вроде как описания самой функции есть, но не пойму как применить! Или я должен меню всё-таки отдельно сделать?

Код:

function dockStateChanged() {
  if (System.Gadget.docked) {
    $(document.body).removeClass('undocked')
                    .addClass('docked')
                    .css('width', '130px')
                    .css('height', '145px');
    // ...
  } else {
    $(document.body).removeClass('docked')
                    .addClass('undocked')
                    .css('width', '260px')
                    .css('height', '240px');
    // ...
  }
}

Вадим Мошев · 19.01.2017, 21:40

Насколько я знаю, методы addClass/removeClass/css изменяют элемент "на лету", не возвращая значения, поэтому их нельзя использовать каскадно, то есть, как это вы сделали
элемент.addClass().removeClass

Используйте раздельно, то есть,
элемент.addClass();
элемент.removeClass();

Alex11223 · 19.01.2017, 22:18

Возвращает https://api.jquery.com/addclass/

17.01.2017, 13:51	#21
Alex11223 Старожил Регистрация: 12.01.2011 Сообщений: 19,500	Там написано где и даже можно нажать на номер строки, чтоб показало в коде. Ушел с форума, https://www.programmersforum.rocks, alex.pantec@gmail.com, https://github.com/AlexP11223 ЛС отключены Аларом.

17.01.2017, 18:46	#25
kazimirskiyy-yy Пользователь Регистрация: 14.01.2017 Сообщений: 15	Сергей, спасибо! Работает! Сейчас начну изучать и отладчик)) А то ринулся в бой не подготовившись! Единственное не пойму чем был плох скрипт Вадима) Последний раз редактировалось kazimirskiyy-yy; 17.01.2017 в 21:39.

19.01.2017, 13:54	#28
kazimirskiyy-yy Пользователь Регистрация: 14.01.2017 Сообщений: 15	Возник вопрос в процессе усовершенствования виджета! Не разберусь в реализации функции docked и undocked. Вроде как описания самой функции есть, но не пойму как применить! Или я должен меню всё-таки отдельно сделать? Код: `function dockStateChanged() { if (System.Gadget.docked) { $(document.body).removeClass('undocked') .addClass('docked') .css('width', '130px') .css('height', '145px'); // ... } else { $(document.body).removeClass('docked') .addClass('undocked') .css('width', '260px') .css('height', '240px'); // ... } }`

19.01.2017, 22:18	#30
Alex11223 Старожил Регистрация: 12.01.2011 Сообщений: 19,500	Возвращает https://api.jquery.com/addclass/ Ушел с форума, https://www.programmersforum.rocks, alex.pantec@gmail.com, https://github.com/AlexP11223 ЛС отключены Аларом.

Опции темы	Поиск в этой теме
Версия для печати Отправить по электронной почте	Поиск в этой теме: Расширенный поиск

17.01.2017, 13:52	#22
Serge_Bliznykov Старожил Регистрация: 09.01.2008 Сообщений: 26,229	я свой пост дополнил ещё...

17.01.2017, 14:07	#23
kazimirskiyy-yy Пользователь Регистрация: 14.01.2017 Сообщений: 15	Регистр был соблюдён! Сюда, пардон переписал не так!касательно чекбоксов! Если я их в класс возведу, то по стилю я могу же регулировать расстояние между боксами

19.01.2017, 21:40	#29
Вадим Мошев Старожил Регистрация: 12.11.2010 Сообщений: 8,568	Насколько я знаю, методы addClass/removeClass/css изменяют элемент "на лету", не возвращая значения, поэтому их нельзя использовать каскадно, то есть, как это вы сделали элемент.addClass().removeClass Используйте раздельно, то есть, элемент.addClass(); элемент.removeClass();

Похожие темы
Тема	Автор	Раздел	Ответов	Последнее сообщение
рабочий стол	igor 91	Операционные системы общие вопросы	8	08.03.2012 14:31
Рабочий стол	shrek1993	Софт	6	27.02.2011 11:22
Рабочий стол	ZvEr_HaCkEr	Общие вопросы Delphi	6	21.10.2010 07:13
Рабочий стол	maladoy	Свободное общение	0	01.02.2009 13:07
Рабочий стол	masterdela	Win Api	3	31.01.2008 19:03