выделение всех чекбоксов + onClick - JavaScript, Ajax

Yurka_kursant · 11.04.2009, 13:13

У меня такая проблема: есть 3 элемента checkbox, которые при нажатии на каждый из них onClick, активируют функции, которые в свою очередь изменяют текст в textarea. И есть кнопка "Выделить все!", которая выделяет(отмчает) все эти 3 чекбокса, используя функцию checkAll(). Но при выделении чекбоксов кнопкой "Выделить все!", текст в textarea не меняется, т.е. не срабатывает onClick, используемый в чекбоксах.
Вопрос: Как сделать так, чтобы при нажатии на кнопку "Выделить все!",
1) выделялись(отмечались) все чекбоксы;
2) изменялся текст в textarea?

Вот код:

Код HTML:

<html>
<head>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=windows-1251" />

<script LANGUAGE="JavaScript">
<!-- Begin
function replaceChars(entry) {
out = "очепятка"; // это слово заменяем
add = "опечатка"; // на это
temp = "" + entry; // temporary holder

while (temp.indexOf(out)>-1) {
pos= temp.indexOf(out);
temp = "" + (temp.substring(0, pos) + add + 
temp.substring((pos + out.length), temp.length));
}
document.FormPopUp.TxtPopUp.value = temp;
}
// End -->

<!-- Begin
function replaceChars1(entry) {
out = "--"; // этот символ заменяем
add = " - "; // на этот
temp = "" + entry; // temporary holder

while (temp.indexOf(out)>-1) {
pos= temp.indexOf(out);
temp = "" + (temp.substring(0, pos) + add + 
temp.substring((pos + out.length), temp.length));
}
document.FormPopUp.TxtPopUp.value = temp;
}
// End -->

<!-- Begin
function replaceChars2(entry) {
out = "(dp.ru)"; // это выражение
add = ""; // удаляем
temp = "" + entry; // temporary holder

while (temp.indexOf(out)>-1) {
pos= temp.indexOf(out);
temp = "" + (temp.substring(0, pos) + add + 
temp.substring((pos + out.length), temp.length));
}
document.FormPopUp.TxtPopUp.value = temp;
}
// End -->

<!-- Begin
function checkAll() {
for (var j = 1; j <= 3; j++) {
box = eval("document.FormPopUp.C" + j); 
if (box.checked == false) box.checked = true;
}
}
// End -->
</script>

</head>

<body>
<center>

<form name=FormPopUp>
<table border=1>
<tr>
<td colspan=3 ALIGN="right" bgcolor="gray"> 
<input type=button value="Включить все!" onClick="checkAll();" onMouseOver="style.color='blue'" onMouseOut="style.color='black'">
</td>
</tr>

<tr>
<td colspan=3 align="center">
<textarea name=TxtPopUp rows="4" cols="35" value="">очепятка--(dp.ru)</textarea>
</td>
</tr>

<tr>
<td><center>

<div style="width:300px; height:100px;">
<TABLE BORDER=1 wiDTH=300 height=100 CELLPADDING=0 CELLSPACING=0>

<TR>
<TD align="center">
<input type=checkbox name=C1 onClick="replaceChars(document.FormPopUp.TxtPopUp. value);">Исправить</center>
</td>
<td>
<center> очепятка</center>
</td>
<td>
<center> опечатка</center>
</td> 
</tr>

<tr>
<td><center>
<input type=checkbox name=C2 onClick="replaceChars1(document.FormPopUp.TxtPopUp .value);">Исправить</center>
</td>
<td>
<center>--</center>
</td> 
<td>
<center> - </center>
</td>
</tr>

<tr>
<td><center>
<input type=checkbox name=C3 onClick="replaceChars2(document.FormPopUp.TxtPopUp .value);">Исправить</center>
</td>
<td>
<center> (dp.ru) </center>
</td> 
<td>
<center> "удалить" </center>
</td>
</tr>

</table>
</div>

</TD>
</TR> 
</TABLE>

</form>
</center> 

</body>
</html>

Johnatan · 11.04.2009, 21:20

Я не представляю КАК работает этот код времён предков динозавров. Вы учитесь по книжкам прошлого века? Если так, то советую обновить литературу.

Код HTML:

<html>
<head>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=utf-8" />

<script LANGUAGE="JavaScript">
<!-- Begin
function replaceChars(entry) {
out = "очепятка"; // это слово заменяем
add = "опечатка"; // на это
temp = "" + entry; // temporary holder

while (temp.indexOf(out)>-1) {
pos= temp.indexOf(out);
temp = "" + (temp.substring(0, pos) + add +
temp.substring((pos + out.length), temp.length));
}
document.getElementById("TxtPopUp").value = temp;
}
// End -->

<!-- Begin
function replaceChars1(entry) {
out = "--"; // этот символ заменяем
add = " - "; // на этот
temp = "" + entry; // temporary holder

while (temp.indexOf(out)>-1) {
pos= temp.indexOf(out);
temp = "" + (temp.substring(0, pos) + add +
temp.substring((pos + out.length), temp.length));
}
document.getElementById("TxtPopUp").value = temp;
}
// End -->

<!-- Begin
function replaceChars2(entry) {
out = "(dp.ru)"; // это выражение
add = ""; // удаляем
temp = "" + entry; // temporary holder

while (temp.indexOf(out)>-1) {
pos= temp.indexOf(out);
temp = "" + (temp.substring(0, pos) + add +
temp.substring((pos + out.length), temp.length));
}
document.getElementById("TxtPopUp").value = temp;
}
// End -->

<!-- Begin
function checkAll() {
for (var j = 1; j <= 3; j++) {
box = document.getElementById("C"+j);
if (box.checked == false) {
    box.click();
}
}
}
// End -->
</script>

</head>

<body>
<center>

<form name="FormPopUp">
<table border="1">
<tr>
<td colspan="3" ALIGN="right" bgcolor="gray">
<input type="button" value="Включить все!" onClick="checkAll();" onMouseOver="style.color='blue'" onMouseOut="style.color='black'">
</td>
</tr>

<tr>
<td colspan="3" align="center">
<textarea name="TxtPopUp" id="TxtPopUp" rows="4" cols="35" value="">очепятка--(dp.ru)</textarea>
</td>
</tr>

<tr>
<td><center>

<div style="width:300px; height:100px;">
<TABLE BORDER="1" wiDTH="300" height="100" CELLPADDING="0" CELLSPACING="0">

<TR>
<TD align="center">
<input type="checkbox" name="C1" id="C1" onClick="replaceChars(document.getElementById('TxtPopUp'). value);">Исправить</center>
</td>
<td>
<center> очепятка</center>
</td>
<td>
<center> опечатка</center>
</td>
</tr>

<tr>
<td><center>
<input type="checkbox" name="C2" id="C2" onClick="replaceChars1(document.getElementById('TxtPopUp').value);">Исправить</center>
</td>
<td>
<center>--</center>
</td>
<td>
<center> - </center>
</td>
</tr>

<tr>
<td><center>
<input type="checkbox" name="C3" id="C3" onClick="replaceChars2(document.getElementById('TxtPopUp').value);">Исправить</center>
</td>
<td>
<center> (dp.ru) </center>
</td>
<td>
<center> "удалить" </center>
</td>
</tr>

</table>
</div>

</TD>
</TR>
</TABLE>

</form>
</center>

</body>
</html>

Yurka_kursant · 13.04.2009, 17:52

Спасибо! Работает.

Johnatan · 13.04.2009, 21:55

Вот еслиб автор ещё удосужился понять в чём заключалось решение....
И вообще этот код просто на коленях стоит и просит чтобы его оптимизировали...

Yurka_kursant · 13.04.2009, 23:00

Цитата:

Сообщение от Johnatan

Вот еслиб автор ещё удосужился понять в чём заключалось решение....
И вообще этот код просто на коленях стоит и просит чтобы его оптимизировали...

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

Появится свободная минутка - обязательно разберусь

Johnatan · 14.04.2009, 00:39

Жаль, что "нашёл", а не "придумал"...

Yurka_kursant · 14.04.2009, 01:31

Цитата:

Сообщение от Johnatan

Жаль, что "нашёл", а не "придумал"...

Чтобы "думать" самому над подобными вещами, мне предстоит еще полапатить книжечки по JS. Ведь я очень-очень начинающий..увы.. Кстати, может посоветуешь какую-нибудь литературу, например, с которой сам начинал.

Deight · 14.04.2009, 13:01

Я бы посоветовал найти в нете статью где самые основы js и самое главное найти в нете ресурс где будут все функции и такие разделы типа работа со строками, массивами и т.д. Я все языки программирования по такому принцепу изучал.

Yurka_kursant · 14.04.2009, 21:52

Цитата:

Сообщение от Deight

Я бы посоветовал найти в нете статью где самые основы js и самое главное найти в нете ресурс где будут все функции и такие разделы типа работа со строками, массивами и т.д. Я все языки программирования по такому принцепу изучал.

Спасибо, буду вникать..

13.04.2009, 21:55	#4
Johnatan Antimoderаtoris Участник клуба Регистрация: 08.02.2008 Сообщений: 1,251	Вот еслиб автор ещё удосужился понять в чём заключалось решение.... И вообще этот код просто на коленях стоит и просит чтобы его оптимизировали... 98% из тысячи моих постов сделаны в профильном подфоруме. Я не накручиваю свои посты болтанием в "курилке", а ты?

14.04.2009, 00:39	#6
Johnatan Antimoderаtoris Участник клуба Регистрация: 08.02.2008 Сообщений: 1,251	Жаль, что "нашёл", а не "придумал"... 98% из тысячи моих постов сделаны в профильном подфоруме. Я не накручиваю свои посты болтанием в "курилке", а ты?

14.04.2009, 13:01	#8
Deight Бредовый Форумчанин Регистрация: 15.11.2008 Сообщений: 285	Я бы посоветовал найти в нете статью где самые основы js и самое главное найти в нете ресурс где будут все функции и такие разделы типа работа со строками, массивами и т.д. Я все языки программирования по такому принцепу изучал. Чем точнее и проще задан вопрос, тем проще на него получить точный ответ.

Похожие темы
Тема	Автор	Раздел	Ответов	Последнее сообщение
onClick, onMouseUp и т.д. в html	ИльяМалиновский	HTML и CSS	1	30.03.2009 15:33
checklistbox выделение всех итемок	student90	Компоненты Delphi	1	30.09.2008 15:42
Организация обработчика OnClick	8alig8	Помощь студентам	1	03.06.2008 05:11
Помогите с onClick	BeeX	Общие вопросы C/C++	1	22.11.2007 02:49

13.04.2009, 17:52	#3
Yurka_kursant Регистрация: 11.04.2009 Сообщений: 5	Спасибо! Работает.