Форум: Форум PHPФорум ApacheФорум Регулярные ВыраженияФорум MySQLHTML+CSS+JavaScriptФорум FlashРазное
Новые темы: 0000000
PHP Puzzles. Авторы: Кузнецов М.В., Симдянов И.В. Социальная инженерия и социальные хакеры. Авторы: Кузнецов М.В., Симдянов И.В. PHP на примерах (2 издание). Авторы: Кузнецов М.В., Симдянов И.В. MySQL 5. В подлиннике. Авторы: Кузнецов М.В., Симдянов И.В. Программирование. Ступени успешной карьеры. Авторы: Кузнецов М.В., Симдянов И.В.
ВСЕ НАШИ КНИГИ
Консультационный центр SoftTime

HTML+CSS+JavaScript

Выбрать другой форум

 

Здравствуйте, Посетитель!

вид форума:
Линейный форум Структурный форум

тема: input type="radio"
 
 автор: Maxam   (30.09.2008 в 13:52)   письмо автору
 
 

Нужно обязательно в шарик (кнопочку) попасть мышкой, чтобы выбрать пункт input type="radio". А как сделать так, чтобы например тыкнув на текст или на картинку, около этой кнопки тоже можно было выбор сделать?

  Ответить  
 
 автор: Киналь   (30.09.2008 в 14:08)   письмо автору
 
   для: Maxam   (30.09.2008 в 13:52)
 

<label><input type='radio'>Тынц!</label>

  Ответить  
 
 автор: Maxam   (30.09.2008 в 14:19)   письмо автору
 
   для: Киналь   (30.09.2008 в 14:08)
 

А "<label>" здесь в качестве чего выступает? Просто я этот тег не использовал никогда... вроде...

  Ответить  
 
 автор: Киналь   (30.09.2008 в 15:55)   письмо автору
 
   для: Maxam   (30.09.2008 в 14:19)
 

В качестве тега. Описанная вами задача - это его прямое назначение. Может использоваться еще так:

<label for='ytrewq'>Тынц!</label>
Йцукен
<input type='radio' name='ytrewq'> угу

  Ответить  
 
 автор: sim5   (30.09.2008 в 19:07)   письмо автору
 
   для: Киналь   (30.09.2008 в 15:55)
 

И что это дает? Если вы о том, что когда label получает фокус, он передает фокус на ассоциированный с ним элемент, то и это не во всех браузерах работает.

  Ответить  
 
 автор: Киналь   (30.09.2008 в 19:28)   письмо автору
 
   для: sim5   (30.09.2008 в 19:07)
 

Атрибут есть? Есть. Причем именно для такого применения. А уж работает или нет - проблемы верстальщика)

  Ответить  
 
 автор: sim5   (30.09.2008 в 19:51)   письмо автору
 
   для: Киналь   (30.09.2008 в 19:28)
 

Ну автор же просит по клику на соседние элементы для выбора радиокнопки, а метка, тут...

  Ответить  
 
 автор: Maxam   (30.09.2008 в 22:17)   письмо автору
 
   для: sim5   (30.09.2008 в 19:51)
 

Спасибо всем, всё заработало как нужно!
Вот только подумал, а можно ли сделать чтобы вообще тыкая в прямоугольную область работало? Скажем, в любое место в:
<table>
<tr>
<td class="click">...radio...
<td>text
</table>

Т.е. тыкнув, в данном примере, в любое место в ячейке <td class="click">.

  Ответить  
 
 автор: AcidTrash   (30.09.2008 в 23:03)   письмо автору
 
   для: sim5   (30.09.2008 в 19:07)
 

Наверно Киналь имел ввиду
<label for='ytrewq'>Тынц!</label>
Йцукен
<input type='radio' name='name' id='ytrewq'> угу

  Ответить  
 
 автор: mihdan   (01.10.2008 в 12:36)   письмо автору
 
   для: sim5   (30.09.2008 в 19:07)
 

В каких браузерах не работает?

<input id="идентификатор"> <label for="идентификатор">Текст</label>


http://htmlbook.ru/html/label.html

  Ответить  
 
 автор: sim5   (01.10.2008 в 12:54)   письмо автору
 
   для: mihdan   (01.10.2008 в 12:36)
 

А вы хоть прочитали, что не работает?

  Ответить  
 
 автор: mihdan   (01.10.2008 в 13:06)   письмо автору
 
   для: sim5   (01.10.2008 в 12:54)
 

>он передает фокус на ассоциированный с ним элемент, то и это не во всех браузерах работает.

Работает везде

  Ответить  
 
 автор: sim5   (01.10.2008 в 13:17)   письмо автору
 
   для: mihdan   (01.10.2008 в 13:06)
 

Когда элемент Label получает фокус, через onclick или acceskeys, связанный с меткой элемент также получит фокус. Вот это не работает во всех браузерах. Лечить:
function initLabels() {    
  labels = document.getElementsByTagName("label");    
  for(i = 0; i < labels.length; i++) {        
    addEvent(labels[i], "click", labelFocus);    
  }
}
function labelFocus() {    
  new Field.focus(this.getAttribute('for'));
}

  Ответить  
 
 автор: mihdan   (01.10.2008 в 13:22)   письмо автору
 
   для: sim5   (01.10.2008 в 13:17)
 

Вот теперь ясен ход ваших мыслей-спасибо за пример

  Ответить  
 
 автор: Maxam   (01.10.2008 в 15:48)   письмо автору
 
   для: sim5   (01.10.2008 в 13:17)
 

Всё равно на IE не работает! IE версии: 6.0.2900.2180xpsp_sp2_rtm.040803-2158.

  Ответить  
 
 автор: sim5   (01.10.2008 в 19:06)   письмо автору
 
   для: Maxam   (01.10.2008 в 15:48)
 

Решение вашего вопроса никак не связано с РНР, это чистый JS. Разместите свой вопрос в соответствующем разделе, ведь, как я понимаю, вас не только одна радиокнопка интересует, а еще и другие (другое). В самом простейшем случае, если вы хотите выбрать радиокнопку щелчком по соседним элементам, то просто присвойте соответсвующее действие событиям onclick этих элементов.

  Ответить  
 
 автор: Maxam   (02.10.2008 в 17:31)   письмо автору
 
   для: sim5   (01.10.2008 в 19:06)
 

JS я не знаю (

  Ответить  
 
 автор: sim5   (02.10.2008 в 18:25)   письмо автору
 
   для: Maxam   (02.10.2008 в 17:31)
 

<img src="" onclick="document.getElementById('as').checked=true">
<input type="checkbox" name="as">
<p onclick="document.getElementById('as').checked=true">text text text text text</p>

  Ответить  
 
 автор: Maxam   (03.10.2008 в 23:27)   письмо автору
 
   для: sim5   (02.10.2008 в 18:25)
 

Спасибо!!!

  Ответить  
 
 автор: mihdan   (01.10.2008 в 13:07)   письмо автору
 
   для: Киналь   (30.09.2008 в 15:55)
 

Только не name, а id

  Ответить  
 
 автор: Maxam   (30.09.2008 в 23:46)   письмо автору
 
   для: Maxam   (30.09.2008 в 13:52)
 

Кстати, только что проверил в IE (до этого в Opera) - игнорирует! Не работает! (((

  Ответить  
Rambler's Top100
вверх

Rambler's Top100 Яндекс.Метрика Яндекс цитирования