ReSQL.ru
     
powered by simpleCommunicator - 2.0.61     © 2026 Programmizd 02
Мобильная версия    Контакт    Правила    FAQ    Помощь
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Доб. в избранное | Игнор. тему | Прикреп. тему | Пометить прочит. / непрочит. | Фильтр
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Выбор чекбоксов по диву
19 сообщений из 19, страница 1 из 1
Выбор чекбоксов по диву
    #36423972
Бади Саша
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Бади Саша
Гость
Привет всем! Как растянуть зону чекбокса до предела вправо по которой можно щелкнуть?
Наверное только дивом!
хм сам спросил сам ответил :) , а как обработать событие?
Я не селен ни в Джаве не в CSS :( помогайте!
...
Рейтинг: 0 / 0
21.01.2010, 22:29
| Ответить | Цитировать | Написать  
Выбор чекбоксов по диву
    #36423999
ShSerge
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
ShSerge
Участник
Бади СашаЯ не селен ни в Джаве не в CSS :( помогайте!
Во первых, здесь не ява, а яваскрипт. Во вторых, "не силён" - не оправдание. В третьих, дворников не хватает...
Хочу выучить - одно, а "не силён" - совсем другое. Приведите пример, который можно скопипастить и запустить, напишите что и где не получается.
...
Рейтинг: 0 / 0
21.01.2010, 22:57
| Ответить | Цитировать | Написать  
Выбор чекбоксов по диву
    #36424039
Бади Саша
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Бади Саша
Гость
ShSergeПриведите пример, который можно скопипастить и запустить, напишите что и где не получается.
Код: plaintext
1.
2.
<div onmouseout="selof(this);" onmouseover="selon(this);" onClick="???????" style="CURSOR: pointer;">
<input type="checkbox" name="a1" id="a1" onClick="??????"> ку-ку
</div>
Чем заменить знаки вопросов, что бы как триггер работало?
...
Рейтинг: 0 / 0
21.01.2010, 23:41
| Ответить | Цитировать | Написать  
Выбор чекбоксов по диву
    #36424054
vkle
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
vkle
Участник
Попробуйте так
Код: plaintext
<label><input type="checkbox" name="a1" id="a1" /> ку-ку</label>

Posted via ActualForum NNTP Server 1.4
...
Рейтинг: 0 / 0
21.01.2010, 23:52
| Ответить | Цитировать | Написать  
Выбор чекбоксов по диву
    #36424063
vkle
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
vkle
Участник
Или так
Код: plaintext
1.
2.
<div style="width:400px; border:solid black 1px" onclick="with(document.getElementById('ch1')){checked=!checked}">
    <input id="ch1" type="checkbox" /> aaabbb ddd ggg
</div>

Posted via ActualForum NNTP Server 1.4
...
Рейтинг: 0 / 0
22.01.2010, 00:05
| Ответить | Цитировать | Написать  
Выбор чекбоксов по диву
    #36424068
vkle
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
vkle
Участник
Эммм... но в последнем случае не всё так просто, при клике непосредственно по квадратику как бы ничего не произойдёт - состояние изменится повторно.
Posted via ActualForum NNTP Server 1.4
...
Рейтинг: 0 / 0
22.01.2010, 00:10
| Ответить | Цитировать | Написать  
Выбор чекбоксов по диву
    #36424071
vkle
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
vkle
Участник
Чуток поправил
Код: plaintext
1.
2.
3.
<input id="ch1" type="checkbox" style="float:left;" />
<div style="float:left; width:400px; border:solid black 1px" onclick="with(document.getElementById('ch1')){checked=!checked}">
     aaabbb ddd ggg
</div>

Posted via ActualForum NNTP Server 1.4
...
Рейтинг: 0 / 0
22.01.2010, 00:12
| Ответить | Цитировать | Написать  
Выбор чекбоксов по диву
    #36424190
Korcar
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Korcar
Участник
как сторонник таблиц предложу:
Код: plaintext
1.
2.
3.
4.
5.
6.
<table width= 100 %>
  <tr>
    <td width= 1 %><input type=checkbox></td>
    <td width= 99 % onclick="alert('1');" >asdkfklj</td>
  </tr>
</table>
...
Рейтинг: 0 / 0
22.01.2010, 06:37
| Ответить | Цитировать | Написать  
Выбор чекбоксов по диву
    #36424474
ART-CODE
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
ART-CODE
Участник
мне кажется - не всегда хорошо, когда чек бокс срабатывает даже там, где нет текста,
удобнее кликать именно по тексту или квадратику чекбокса... (Imho)

набросок для опытов (на основе уже ранее сказанного)...
Код: plaintext
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
<script>
function CheckBoxClick (Elem)
{
alert('Tag='+Elem.tagName+', id='+Elem.id);
with(document.getElementById(Elem.id.replace('Caption','Checkbox'))){checked=!checked}
}
</script>

<hr>

<div><input type="checkbox" id="Yes1_Checkbox" ><span id=Yes1_Caption OnClick="JavaScript:CheckBoxClick (this);">Ку-ку</span></div>
<hr>
 

<div style="CURSOR: pointer;"><input type="checkbox" id="Yes2_Checkbox" ><span id=Yes2_Caption OnClick="JavaScript:with(document.getElementById(this.id.replace('Caption','Checkbox'))){checked=!checked};">Ку-ку</span></div>
<hr>

<input id="Yes_Checkbox" type="checkbox" style="float:left;" />
<div   id="Yes_Caption"  style="float:left; width:400px; border:solid black 1px" onclick="with(document.getElementById(this.id.replace('Caption','Checkbox'))){checked=!checked}">
     aaabbb ddd ggg
</div>
...
Рейтинг: 0 / 0
22.01.2010, 10:38
| Ответить | Цитировать | Написать  
Выбор чекбоксов по диву
    #36424690
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
ART-CODE , чем использовать СПАН, таки луше воспользовать специальным тегом для этого... Как советовали.

vkle
Попробуйте так
Код: plaintext
<label><input type="checkbox" name="a1" id="a1" /> ку-ку</label>
...
Рейтинг: 0 / 0
22.01.2010, 11:50
| Ответить | Цитировать | Написать  
Выбор чекбоксов по диву
    #36424697
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
Описание и пример ...
----------
Cache for Windows (x86-32) 2007.1.3 (Build 607) Wed Oct 17 2007 02:12:09 EDT
...
Рейтинг: 0 / 0
22.01.2010, 11:52
| Ответить | Цитировать | Написать  
Выбор чекбоксов по диву
    #36424818
ART-CODE
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
ART-CODE
Участник
У меня работает только с явным указанием FOR
Код: plaintext
1.
2.
3.
<input type=checkbox id="t1"><label for="t1" 
    accesskey="g">Нажмите <Alt>+<g>, чтобы перейти к
     разделу <b>Игры</b>.</label>
а этот вариант вообще не отрабатывет (IE 6.0.2900.2180......)
Код: plaintext
1.
<label><input type="checkbox" name="a1" id="a1" /> ку-ку</label>
поэтому маханул через скрипт
...
Рейтинг: 0 / 0
22.01.2010, 12:24
| Ответить | Цитировать | Написать  
Выбор чекбоксов по диву
    #36425935
Бади Саша
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Бади Саша
Гость
Еще раз всем привет! Вопрос такой, если обрамлять чекбокс тегами лабел, мне понравилась простота указания - инструкция ( for ), но тут засада а если пользователь шелкнит чуть правее? как быть? Не выравнивать же ,мне текст пробелами, а текст правее чекбокса, всегда разный бывает


[v] - типа чекбокс

[v] Я
[v] Саша
[v] Машка
[v] Михаил
[v] Владислав
[v] Абрамайл Петрович
ну и т.д. все длинее и длинее

Шелккать прийдется только по лабелу или только по чекбоксу, а правее на пару миллиметров это уже зона нечуствительности. :( плохо имхо!
...
Рейтинг: 0 / 0
22.01.2010, 17:30
| Ответить | Цитировать | Написать  
Выбор чекбоксов по диву
    #36425940
Фотография Ренат
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Ренат
Участник
Бади СашаЕще раз всем привет! Вопрос такой, если обрамлять чекбокс тегами лабел, мне понравилась простота указания - инструкция ( for ), но тут засада а если пользователь шелкнит чуть правее? как быть? Не выравнивать же ,мне текст пробелами, а текст правее чекбокса, всегда разный бывает


[v] - типа чекбокс

[v] Я
[v] Саша
[v] Машка
[v] Михаил
[v] Владислав
[v] Абрамайл Петрович
ну и т.д. все длинее и длинее

Шелккать прийдется только по лабелу или только по чекбоксу, а правее на пару миллиметров это уже зона нечуствительности. :( плохо имхо!
Код: plaintext
<input type="radio" id="b"><label for="b" style="width:100%">И вася пупкин тоже здесь</label>
...
Рейтинг: 0 / 0
22.01.2010, 17:33
| Ответить | Цитировать | Написать  
Выбор чекбоксов по диву
    #36425944
Бади Саша
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Бади Саша
Гость
vkle
Чуток поправил
Код: plaintext
1.
2.
3.
<input id="ch1" type="checkbox" style="float:left;" />
<div style="float:left; width:400px; border:solid black 1px" onclick="with(document.getElementById('ch1')){checked=!checked}">
     aaabbb ddd ggg
</div>



Спасибо ВАМ большое!
...
Рейтинг: 0 / 0
22.01.2010, 17:34
| Ответить | Цитировать | Написать  
Выбор чекбоксов по диву
    #36425954
Бади Саша
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Бади Саша
Гость
Ренат
Код: plaintext
<input type="radio" id="b"><label for="b" style="width:100%">И вася пупкин тоже здесь</label>

Задумку понял, но в Firefox не действует длина :( увы!
...
Рейтинг: 0 / 0
22.01.2010, 17:37
| Ответить | Цитировать | Написать  
Выбор чекбоксов по диву
    #36425957
Фотография Ренат
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Ренат
Участник
Бади СашаРенат
Код: plaintext
<input type="radio" id="b"><label for="b" style="width:100%">И вася пупкин тоже здесь</label>

Задумку понял, но в Firefox не действует длина :( увы!
Эт проблема?? (не тестировал но должно работать)
Код: plaintext
<input type="radio" id="b"><label for="b" style="display:block;width:100%">И вася пупкин тоже здесь</label>
...
Рейтинг: 0 / 0
22.01.2010, 17:39
| Ответить | Цитировать | Написать  
Выбор чекбоксов по диву
    #36425969
Бади Саша
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Бади Саша
Гость
Ренат, СУПЕР!
...
Рейтинг: 0 / 0
22.01.2010, 17:45
| Ответить | Цитировать | Написать  
Выбор чекбоксов по диву
    #36425975
Фотография Ренат
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Ренат
Участник
Бади СашаРенат, СУПЕР!
Ток не принято канечно менять у тегов display (кроме как ноне, неноне) =\
...
Рейтинг: 0 / 0
22.01.2010, 17:47
| Ответить | Цитировать | Написать  
19 сообщений из 19, страница 1 из 1
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Выбор чекбоксов по диву
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение   Полит. конфиден.  
NoSQL.ru       Кролег: Проекты, Новости, Чат       РЕД ФОРУМ       Фотоальбом: Участники, Встречи
Закрыть
start [/forum/topic.php?fid=22&fpage=264&tid=1453649]:
 0ms
get settings:
 10ms
get forum list:
 15ms
check forum access:
 3ms
check topic access:
 3ms
track hit:
 60ms
get topic data:
 11ms
get forum data:
 3ms
get page messages:
 66ms
get tp. blocked users:
 2ms
others: 201ms
total:  374ms
созд. / загр.: 374ms
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]