Как работает кнопка?

@Ципихович Эндрю · Регистрация: 10.04.2009

Студворк — интернет-сервис помощи студентам

Здравствуйте, для меня пока загадка, кнопка работает - textarea очищает, но как? мистика какая-то!!

HTML5
1
2
3
4
5
6
7
8
9
<form action="SendMail.php" method="post">
<!--action="SendMail.php" - файл обработчик-->
Введите или вставьте Ваш текст в форму,  длина текста в форме: <span id="count">0</span> 
<p>
<input type="submit" value="Преобразовать"> <input type="reset" value="Очистить форму">
</p>
<textarea id="MessagTextarea" rows="28" cols="100"></textarea>
</p>
</form>

никакого js, откуда она знает где именно нужно сделать reset?

@_DmS_ · 27.10.2012, 17:05

Указал <type="reset" ... > чему удивляться-то... Она всю форму очищает... А тут только <textarea>. Были бы другие input'ы очистила бы и их тоже.

@Ципихович Эндрю · 27.10.2012, 17:15 **[ТС]**

понял, и как тогда сделать - указать где именно очищать?

@_DmS_ · 27.10.2012, 17:30

В этом случае и так работает. Для каждого отдельного поля нужна своя кнопка и JavaScript добавлять...

@Ципихович Эндрю · 27.10.2012, 21:19 **[ТС]**

понял, спасибо, тогда три кнопки в ряд

HTML5
1
<input type="button" name="convert" value="Преобразовать"> <input type="button" name="reset" value="Очистить форму"> <input type="button" name="cony"  value="Скопировать содержимое формы">

есть код обработчиков кнопок Очистить форму и Скопировать содержимое формы

Добавлено через 3 часа 41 минуту
плохо когда не знаешь, начал придумывать

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
<script type="text/javascript"> 
            function Reset_Text_Textarea_Id_MessagTextarea()
            {
            text.value = ""
            alert ("Textarea с Id MessagTextarea очищена");
            }
            function Copy_Text_Textarea_Id_MessagTextarea()
            {
            alert (text.value);
            }
</script>
 
</head>
 
<body>
 
<!--Reset_Text - сброс текста-->
<input type="button" name="ResetText" onclick="Reset_Text_Textarea_Id_MessagTextarea()" value="Очистить содержимое формы">
<!--Copy_Text - копировать текст-->
<input type="button" name="CopyText" onclick="Copy_Text_Textarea_Id_MessagTextarea()" value="Скопировать содержимое формы">
<p></p>
<textarea id="MessagTextarea" name="text" rows="20"><?=$text?></textarea>
 
</body>

не взлетело, поправьте пжл

KOPOJI · 27.10.2012, 23:42

Сообщение от Ципихович Эндрю

text.value

а Вы где то объявили эту text ?

@Ципихович Эндрю · 27.10.2012, 23:46 **[ТС]**

Сообщение от Ципихович Эндрю

textarea

имеет

Сообщение от Ципихович Эндрю

name="text"

вот я подумал - оттуда ноги растут

KOPOJI · 27.10.2012, 23:48

надо либо ее объявить тогда, либо передавать в функцию аргумент

@Ципихович Эндрю · 27.10.2012, 23:56 **[ТС]**

JavaScript
1
2
3
4
5
var text = document.getElementById('MessagTextarea')
function Reset_Text_Textarea_Id_MessagTextarea()
            {
            text.value = ""
            }

так?

KOPOJI · 28.10.2012, 00:11

не совсем

JavaScript
1
2
3
4
5
var text = document.getElementById('MessagTextarea')
function Reset_Text_Textarea_Id_MessagTextarea(&text)
            {
            text.value = ""
            }

или

JavaScript
1
2
3
4
5
var text = document.getElementById('MessagTextarea')
function Reset_Text_Textarea_Id_MessagTextarea()
            { global text;
            text.value = ""
            }

правда не знаю насколько это верно в js..

@Ципихович Эндрю · 28.10.2012, 09:28 **[ТС]**

нынче воскресенье, пора заканчивать тягомотину...
последнее затруднение

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
<script type="text/javascript"> 
            
            function Copy_Text_NameForm_TextTextarea()
            {
//передать фокус согласно имени формы имени элемента формы
document.NameForm.TextTextarea.focus();
//выделить элемент согласно имени формы имени элемента формы
document.NameForm.TextTextarea.select(); 
CopiedTxt = document.selection.createRange();
CopiedTxt.execCommand("Copy");
            }
            function Selection_Text_NameForm_TextTextarea()
            {
//передать фокус согласно имени формы имени элемента формы
document.NameForm.TextTextarea.focus();
//выделить элемент согласно имени формы имени элемента формы
document.NameForm.TextTextarea.select(); 
            }
</script>

function Selection_Text_NameForm_TextTextarea выделять выделяет
function Copy_Text_NameForm_TextTextarea копировать не хочет, как уладить?

@kalabuni · 28.10.2012, 11:27

учите английский язык, господа

reset - это не "очищение"
reset - это "сброс"
кнопка <input type="reset"> не очищает поля ввода, а "сбрасывает" всё введённое пользователем и возвращает полям ввода их начальные значения, прописанные в HTML-коде

очищение - это clear
и такой кнопки "Очищения" в HTML нет - надо использовать просто кнопку и её программировать

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
<form>
<p><input name="fld1" type="text" value="начальное 1">
<p><input name="fld2" type="password" value="начальное 2">
<p><textarea name="fld3" cols="40" rows="5">начальное 3</textarea>
<hr><input name="fld4" type="radio">
<p><input name="fld4" type="radio" checked>изначально выбрана 4
<p><input name="fld4" type="radio">
 
<p><input type="reset" value="вернёт полям формы НАЧАЛЬНЫЕ значения">
<p><input type="button" value="ОЧИСТИТ поля формы" onclick="myFunc (this.form)">
</form>
 
<script>
function myFunc (frm)
{
for (var j = 0, elm = frm.elements, lj = elm.length; j < lj; j++)
if (elm [j].type == 'radio') elm [j].checked = false;
else if (elm [j].type != 'reset' && elm [j].type != 'button') elm [j].value = '';
}
</script>

------

execCommand () работает с объектом TextRange только в браузере MSIE
в остальных браузерах execCommand () можно применять только для тегов с установленным contenteditable="true" или для документа с designMode="On"

тег <textarea>, как и прочие элементы форм, атрибут contenteditable не поддерживает

@Ципихович Эндрю · 28.10.2012, 18:43 **[ТС]**

Сообщение от Ципихович Эндрю

копировать не хочет, как уладить?

В некоторых браузерах скопировать нельзя совсем, эта функция для IE
Ответ в стиле - тяжело искать чёрную комнату в комнате, особенно если её там нет
Спасибо всем!

@_DmS_ · 28.10.2012, 18:48

Тебе в буфер обмена надо что-ли?

@Ципихович Эндрю · 28.10.2012, 18:51 **[ТС]**

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

Тебе в буфер обмена надо что-ли?

В него, и что во всех браузерах работает?

@_DmS_ · 28.10.2012, 18:58

Проверь по ссылке во всех или нет, Я не знаю точно...

Добавлено через 3 минуты
С сайта:
Tested compatible in IE 6, IE 7, IE 8, FF 3.6, Chrome 8, Safari 5, Opera 11

@Ципихович Эндрю · 28.10.2012, 19:03 **[ТС]**

пока так и понять не могу два или три файла в корне нужно иметь?

HTML5
1
2
3
<script type="text/javascript" src="jquery.js"></script> - тут можно и стандартный, например jquery-1.8.0.min.js?
<script type="text/javascript" src="jquery.zclip.js"></script>
<script type="text/javascript" src="ZeroClipboard.swf"></script>

@_DmS_ · 28.10.2012, 19:05

Только эти в HTML:

HTML5
1
2
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/jquery.zclip.js"></script>

swf файл в эту же папку что и jquery.js и jquery.zclip.js

@Ципихович Эндрю · 28.10.2012, 19:08 **[ТС]**

два в корень

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
<script type="text/javascript" src="jquery-1.8.0.min.js"></script> 
<script type="text/javascript" src="ZeroClipboard.swf"></script>
 
<script type="text/javascript"> 
$("#copy-button").zclip({
    path: "ZeroClipboard.swf",
    copy: function(){
    return $(this).prev().val();
    }
});
</script>
 
<input type="button" name="CopyText" onclick="ТУТ ЧТО ????" value="Скопировать содержимое формы">

Добавлено через 26 секунд
вопросик один

Сообщение от Ципихович Эндрю

ТУТ ЧТО??

@_DmS_ · 28.10.2012, 19:11

Вместо этого:

HTML5
1
<input type="button" name="CopyText" onclick="[U]тут что????[/U]" value="Скопировать содержимое" />

Это:

HTML5
1
<input type="button" id="#copy-button" name="CopyText" value="Скопировать содержимое />

И это лучше в конце файла:

HTML5
1
2
3
4
5
6
7
8
<script type="text/javascript"> 
$("#copy-button").zclip({
    path: "ZeroClipboard.swf",
    copy: function(){
    return $(this).prev().val();
    }
});
</script>

Новые блоги и статьи Все статьи Все блоги /
Знаешь почему 90% людей редко бывают счастливыми? kumehtar 14.04.2026 Потому что они ждут. Ждут выходных, ждут отпуска, ждут удачного момента. . . а удачный момент так и не приходит.	Фиксация колонок в отчете СКД Maks 14.04.2026 Фиксация колонок в СКД отчета типа Таблица. Задача: зафиксировать три левых колонки в отчете. Процедура ПриКомпоновкеРезультата(ДокументРезультат, ДанныеРасшифровки, СтандартнаяОбработка) / / . . .	Настройки VS Code Loafer 13.04.2026 { "cmake. configureOnOpen": false, "diffEditor. ignoreTrimWhitespace": true, "editor. guides. bracketPairs": "active", "extensions. ignoreRecommendations": true, . . .	Оптимизация кода на разграничение прав доступа к элементам формы Maks 13.04.2026 Алгоритм из решения ниже реализован на нетиповом документе, разработанного в конфигурации КА2. Задачи, как таковой, поставлено не было, проделанное ниже исключительно моя инициатива. Было так:. . .
Контроль заполнения и очистка дат в зависимости от значения перечислений Maks 12.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "ПланированиеПерсонала", разработанного в конфигурации КА2. Задача: реализовать контроль корректности заполнения дат назначения. . .	Архитектура слоя интернета для сервера-слоя. Hrethgir 11.04.2026 В продолжение https:/ / www. cyberforum. ru/ blogs/ 223907/ 10860. html Знаешь что я подумал? Раз мы все источники пишем в голове ветки, то ничего не мешает добавить в голову такой источник, который сам. . .	Подстановка значения реквизита справочника в табличную часть документа Maks 10.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "ПланированиеПерсонала", разработанного в конфигурации КА2. Задача: при выборе сотрудника (справочник Сотрудники) в ТЧ документа. . .	Очистка реквизитов документа при копировании Maks 09.04.2026 Алгоритм из решения ниже применим как для типовых, так и для нетиповых документов на самых различных конфигурациях. Задача: при копировании документа очищать определенные реквизиты и табличную. . .

@_DmS_ 25 / 25 / 1 Регистрация: 01.09.2012 Сообщений: 79
	27.10.2012, 17:05
	Указал <type="reset" ... > чему удивляться-то... Она всю форму очищает... А тут только <textarea>. Были бы другие input'ы очистила бы и их тоже. 1

@Ципихович Эндрю 1712 / 579 / 76 Регистрация: 10.04.2009 Сообщений: 9,330
	27.10.2012, 17:15 [ТС]
	понял, и как тогда сделать - указать где именно очищать? 0

@_DmS_ 25 / 25 / 1 Регистрация: 01.09.2012 Сообщений: 79
	27.10.2012, 17:30
	В этом случае и так работает. Для каждого отдельного поля нужна своя кнопка и JavaScript добавлять... 1

KOPOJI Почетный модератор 16844 / 6724 / 880 Регистрация: 12.06.2012 Сообщений: 19,967
	27.10.2012, 23:48
	надо либо ее объявить тогда, либо передавать в функцию аргумент 0

@_DmS_ 25 / 25 / 1 Регистрация: 01.09.2012 Сообщений: 79
	28.10.2012, 18:48
	Тебе в буфер обмена надо что-ли? 0

@_DmS_ 25 / 25 / 1 Регистрация: 01.09.2012 Сообщений: 79
	28.10.2012, 18:58
	Проверь по ссылке во всех или нет, Я не знаю точно... Добавлено через 3 минуты С сайта: Tested compatible in IE 6, IE 7, IE 8, FF 3.6, Chrome 8, Safari 5, Opera 11 0