| |
 9.4 Кб |
|
| | ребята, помогите, запуталась.
надо выделить чек-бокс по щелчку на ячейке, в которой он сидит.
делаю так:
<td bgcolor="#fffacd" height="15" onmouseover="this.className='top_banner_line';" onmouseout="this.className='sm_text'" style="border: #909090 1px solid;" class="sm_text">
<label for="<?=$key_id?>">
<input type="Checkbox" name="keywords[]" id=<?=$key_id?> value="<?=$key_id?>"> <?=nl2br($key_word)?></label></td>
|
выделяет только по щелчку на тексте.
делаю так:
<td bgcolor="#fffacd" height="15" onmouseover="this.className='top_banner_line';" onmouseout="this.className='sm_text'" onclick="document.getElementById('<?=key_id?>').checked = true;" style="border: #909090 1px solid;" class="sm_text">
<input type="Checkbox" name="keywords[]" id=<?=$key_id?> value="<?=$key_id?>"> <?=nl2br($key_word)?></td>
|
не выделяет вообще ничего :(
скриншот в аттаче | |
| |
|
|
| |
|
|
| |
для: elenaki
(04.05.2006 в 14:22)
| | | Я конечно не корифей, но всегда считал, что нужно писать не:
а:
| |
| |
|
|
| |
|
|
| |
для: coloboc66
(04.05.2006 в 14:43)
| | | to: coloboc66 Это одно и то же, просто упрощенный вариант в стиле ASP.
to: elenaki: Я тут покавырялся на форумах в сети и нашел вот этот код, надеюсь поможет.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<meta name="Content-Script-Type" content="text/javascript">
<meta name="Content-Style-Type" content="text/css">
<title>Example</title>
<style type="text/css">
<!--
fieldset {padding:1ex; width:7em}
label {display:block}
button {display:block; margin:1em auto 0}
-->
</style>
</head>
<body>
<form action="some-script.pl">
<fieldset>
<legend>Giant Says</legend>
<label onclick="this.firstChild.checked = !this.firstChild.checked"><input type="checkbox">Fee</label>
<label onclick="this.firstChild.checked = !this.firstChild.checked"><input type="checkbox">Fie</label>
<label onclick="this.firstChild.checked = !this.firstChild.checked"><input type="checkbox">Foe</label>
<label onclick="this.firstChild.checked = !this.firstChild.checked"><input type="checkbox">Fum</label>
<button type="submit">Button</button>
</fieldset>
</form>
</body>
</html>
|
| |
| |
|
|
| |
|
|
| |
для: codexomega
(04.05.2006 в 15:06)
| | | это не то. выделяется только при клике на слове. а мне надо на ячейке, в любом углу. потому
что есть событие по наведению и убиранию мыша, логично было бы и по клику. а то надо идти
кликать точно на сам чек-бокс или точно на слово... | |
| |
|
|
| |
|
|
| |
для: elenaki
(04.05.2006 в 15:27)
| | | странно, у меня работает и по клику на слове, и по любому другому месту в ячейке.
Тест успешно прошел проверку в 3-х разных браузерах. | |
| |
|
|
| |
|
|
| |
для: codexomega
(04.05.2006 в 15:30)
| | | и по любому другому месту в ячейке
=================================
там и ячеек-то нет! я вставила код в таблицу, добавила пробелов и брейков, чтоб ячейка была
побольше - и ничего не выделяется | |
| |
|
|
| |
|
|
| |
для: elenaki
(04.05.2006 в 15:34)
| | | вот с вашей таблицей, всё работает.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<meta name="Content-Script-Type" content="text/javascript">
<meta name="Content-Style-Type" content="text/css">
<title>Example</title>
<style type="text/css">
<!--
fieldset {padding:1ex; width:7em}
label {display:block}
button {display:block; margin:1em auto 0}
-->
</style>
</head>
<body>
<form action="some-script.pl">
<table><tr>
<td bgcolor="#fffacd" height="15" onmouseover="this.className='top_banner_line';" onmouseout="this.className='sm_text'" onclick="this.firstChild.checked = !this.firstChild.checked" style="border: #909090 1px solid;" class="sm_text">
<input type="Checkbox" name="keywords[]" id="key_id" value="key_id"> ABCDEF </td></tr>
</table>
</form>
</body>
</html>
|
| |
| |
|
|
| |
|
|
| |
для: codexomega
(04.05.2006 в 15:43)
| | | а! я кидала onlcick в lable! теперь работает. thanxssss | |
| |
|
|
