Гость
Войти | Профиль | Очистить
Целевая тема:
Создать новую тему:
Автор:
Действия ...
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Выбор чекбоксов по диву / 19 сообщений из 19, страница 1 из 1
21.01.2010, 22:29:03
    #36423972
Бади Саша
Бади Саша
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Выбор чекбоксов по диву
Привет всем! Как растянуть зону чекбокса до предела вправо по которой можно щелкнуть?
Наверное только дивом!
хм сам спросил сам ответил :) , а как обработать событие?
Я не селен ни в Джаве не в CSS :( помогайте!
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
21.01.2010, 22:57:30
    #36423999
ShSerge
ShSerge
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Выбор чекбоксов по диву
Бади СашаЯ не селен ни в Джаве не в CSS :( помогайте!
Во первых, здесь не ява, а яваскрипт. Во вторых, "не силён" - не оправдание. В третьих, дворников не хватает...
Хочу выучить - одно, а "не силён" - совсем другое. Приведите пример, который можно скопипастить и запустить, напишите что и где не получается.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
21.01.2010, 23:41:47
    #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:52:43
    #36424054
vkle
vkle
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Выбор чекбоксов по диву
Попробуйте так
Код: plaintext
<label><input type="checkbox" name="a1" id="a1" /> ку-ку</label>

Posted via ActualForum NNTP Server 1.4
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
22.01.2010, 00:05:07
    #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:10:09
    #36424068
vkle
vkle
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Выбор чекбоксов по диву
Эммм... но в последнем случае не всё так просто, при клике непосредственно по квадратику как бы ничего не произойдёт - состояние изменится повторно.
Posted via ActualForum NNTP Server 1.4
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
22.01.2010, 00:12:33
    #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, 06:37:49
    #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, 10:38:04
    #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, 11:50:34
    #36424690
krvsa
krvsa
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Выбор чекбоксов по диву
ART-CODE , чем использовать СПАН, таки луше воспользовать специальным тегом для этого... Как советовали.

vkle
Попробуйте так
Код: plaintext
<label><input type="checkbox" name="a1" id="a1" /> ку-ку</label>
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
22.01.2010, 11:52:44
    #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, 12:24:32
    #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, 17:30:21
    #36425935
Бади Саша
Бади Саша
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Выбор чекбоксов по диву
Еще раз всем привет! Вопрос такой, если обрамлять чекбокс тегами лабел, мне понравилась простота указания - инструкция ( for ), но тут засада а если пользователь шелкнит чуть правее? как быть? Не выравнивать же ,мне текст пробелами, а текст правее чекбокса, всегда разный бывает


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

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

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

Задумку понял, но в Firefox не действует длина :( увы!
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
22.01.2010, 17:39:18
    #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:45:14
    #36425969
Бади Саша
Бади Саша
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Выбор чекбоксов по диву
Ренат, СУПЕР!
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
22.01.2010, 17:47:32
    #36425975
Ренат
Ренат
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Выбор чекбоксов по диву
Бади СашаРенат, СУПЕР!
Ток не принято канечно менять у тегов display (кроме как ноне, неноне) =\
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Выбор чекбоксов по диву / 19 сообщений из 19, страница 1 из 1
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение  
Полит. конфиден.  
созд. / загр.: 350ms
Закрыть
start [/forum/topic.php?fid=22&tablet=1&tid=1453649]:
 0ms
get settings:
 6ms
get forum list:
 18ms
check forum access:
 3ms
check topic access:
 3ms
track hit:
 37ms
get topic data:
 11ms
get forum data:
 3ms
get page messages:
 56ms
get tp. blocked users:
 1ms
others: 212ms
total:  350ms
x
x
Закрыть


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