Не отображается checkbox на форме

[kazimirskiyy-yy]

Добрый вечер!

Было интересно изучать сегодня принцип создания виджета для ПК. Но возникли трудности. Файл манифеста и HTML написал, но возникла проблема с чек боксом на виджете. Он просто не виден. Ну т.е. его наименование есть, кнопка сброса на форме тоже есть, а вот сам чек бокс отсутствует. Рыл-рыл так и не на рыл информацию в чем же проблема.

Прошу снизойти до простых и глупых с ответом, ибо на душе аж кошки скребут


краткая вырезка из кода:
<input type="checkbox" <label>Текст</Label>

[Вадим Мошев]

Лучше всего сделать вот так:

<input type="checkbox" id="myCheckbox">
<label for="myCheckbox">Это подпись к чекбоксу</label>

[kazimirskiyy-yy]

Вадим,

Я так понимаю в данному случае в окне гаджета будет виден чекбокс? Или это правка самого кода на более корректный?)

Заранее благодарен)

[Вадим Мошев]

Это и то, и другое.
1. В вашем случае допущена ошибка (пропущено ">")
2. Тэг label содержит атрибут for, чтобы указать чекбокс, который следовать активировать нажатии на то, что располагается внутри label

[kazimirskiyy-yy]

Спасибо еще раз.

В понедельник попробую) О результате напишу)

[Вадим Мошев]

Пожалуйста. Будет надеяться, что всё хорошо...

[kazimirskiyy-yy]

Вадим,

Ещё раз спасибо! Боксы видны)

Но возник следующий вопрос! Хотел попробовать реализовать в гаджете тег select. Собственно реализовал)) но по моему замыслу гаджет будет содержать 3 формы с чекбоксами, и путём использования выпадающего списка переходить по ним! Думаю видимо использование if или div, но не пойму реализацию в написании!

Табы и пересылки не подходят, не та задумка у меня для них!

Было бы VBA решил бы проблему, но так как и там я самоучка и тут... но тут методом тыка не получается)

Буду благодарен если дадите подсказку))

[kazimirskiyy-yy]

Решение от части нашёл таким путём тыка и чтения)):

В div обозначил class="form1"

Перед этим в тег style указал:
.form1{display:none}

Ну и форма пропала))

Но мне при выборе значения 1 из раскрывающегося списка надо чтобы form1 вернулся на страницу!
Я так понял это надо писать скрипт, написал:
<script type="text/JavaScript">
If (select=1) {.form1{display:inline;}}</script>

Только видимо что-то не то, т.к. не работает!
Дайте подсказку))

[Вадим Мошев]

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

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

Если я вас правильно понял, вам показывать ту или иную форму в зависимости от того, какая опция выбрана у select.

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

Перед этим в тег style указал:
.form1{display:none}

Ну и форма пропала))

Так и должно быть

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

<script type="text/JavaScript">
If (select=1) {.form1{display:inline;}}</script>

Всё в кучу перемешали (JS и CSS), да ещё неправильно написали (сравнивание выполняется оператором ==, а не =). Ничего страшного.

Сделайте так:

1. В HTML для форма поставьте атрибут id (не класс) form1, form2, form3 соответственно.
2. В CSS для первой формы поставьте display: block (не знаю, зачем у вас inline), для остальных none.
3. В JS в обработчике события onchange у селекта проверяйте его значение через оператор выбора switch.
4. Если выбранное значение равно N, то форму N делаете видимой с помощью formN.css.display = 'block', остальные прячете, присвоив ‘none'

Ссылки на формы можно получить с помощью document.getElementById(‘HTML идентификатор элемента’). Пример:
var form1 = document.getElementById(‘form1’);

[kazimirskiyy-yy]

Т.е. это будет так:
Swith (select onchange)
{
Case "выбор1":form1.css.display="blo ck"
}
*Т.е. при значении изначальном в css где указано что форма скрыта, она станет видна?
Только не совсем понял про ссылки! Мне их в скрипте указать надо?