 |
Бесплатные PHP скрипты - форум техподдержки |
Форум техподдержки WR-Скриптов на php. Обсуждаем: основы программирования на PHP 5 - 7 версий, различные подходы к написанию скриптов на php 7 без MySQL. А также WR-скрипты: бесплатные доски объявлений, скрипты форумов, Гостевые книги, Каталог ссылок, Галерея, Фотоальбом, Счётчики, Рассылки, Анекдот и другие. Принимаются пожелания для новых версий. Сообщите какой скрипт нужен для Вашего сайта, постараемся найти или реализовать. Скачать скрипты можно бесплатно. Вместе мы сделаем бесплатные php скрипты лучше и доступнее!
|
| Сегодня: 23.11.2024 - 14:16:26
Страницы: 1 JavaScript динамическое добавление поля| Объявление - WR-Scriptы в UTF-8 кодировке |
|---|
Активно обновляю скрипты и перевожу их в UTF-8 кодировку. Список перекодированных php скриптов доступен на главной странице сайта. Скачивайте скрипты и устанавливайте на свой сайт! В ближайшее время обновлю каталог знакомств, форум Про, фотоальбом, доски объявлений лайт и ЛЮКС.
На форуме, пожалуйста, пишите что модернизировать в скриптах в первую очередь. Постараюсь исправить большую часть пожеланий!
Планирую продолжить работы весь 2023 год.
|
| Автор | Сообщение |
|---|
srazil •
S Участник форума
|
Извините если не туда написал, мой вопрос прост:
Добавил несколько строк нажатием на кнопку но одна лишняя, как реализовать простую кнопку "Убрать строку"
Вот чес слово не бум бум в Яве!
Код: <html>
<head>
<title>Динамическое добавление поля по желанию пользователя.</title>
<script language="javascript">
var items=1;
function AddItem() {
div=document.getElementById("items");
button=document.getElementById("add");
items++;
newitem="<strong>Поле " + items + ": </strong>";
newitem+="<input type=\"text\" name=\"item" + items;
newitem+="\" size=\"45\">
";
newnode=document.createElement("span");
newnode.innerHTML=newitem;
div.insertBefore(newnode,button);
}
</script>
</head>
<body>
<form name="form1">
<div ID="items">
<strong>Поле 1: </strong><input type="text" name="item1" size="45">
<input type="button" value="Добавить поле" onClick="AddItem();" ID="add">
</div>
</form>
</body>
</html> |
| |
|
| Сообщение # 1 |
03.07.10 - 15:49:10
|  |
WR •
W Участник форума
|
srazil, тоже с трудом пишу или редактирую javaScript'ы. Кто может помочь? О-Т-З-О-В-И-Т-Е-С-Ь-! | |
|
| Сообщение # 2 |
12.08.10 - 17:34:13
| |
Михаил •
М гость
|
Вот накатал! Обрати объявление переменной, иначе на IE не будет работать.
И лучше для работы с JavaScript использовать Mootools или Jquery
Код:
<html>
<head>
<title>Динамическое добавление поля по желанию пользователя.</title>
<script language="javascript">
var items=1;
fuvarnction AddItem() {
var div=document.getElementById("items");
var button=document.getElementById("add");
items++;
var newitem="<strong>Поле " + items + ": </strong>";
newitem+="<input type=\"text\" name=\"item" + items;
newitem+="\" size=\"45\"> <a href='javascript:void(0);' onClick='removeItem(" + items + ")'>X </a>";
newnode=document.createElement("div");
newnode.id = "item_" + items;
newnode.innerHTML=newitem;
div.insertBefore(newnode,button);
}
function removeItem(q){
var item = document.getElementById("item_" + q);
var parent = document.getElementById('items');
parent.removeChild(item);
}
</script>
</head>
<body>
<form name="form1">
<div ID="items">
<div id='item_1'>
<strong>Поле 1: </strong>
<input type="text" name="item1" size="45">
<a href="javascript:void(0);" onClick='removeItem(1);'>X</a>
</div>
<input type="button" value="Добавить поле" onClick="AddItem();" ID="add">
</div>
</form>
</body>
</html>
|
| |
|
| Сообщение # 3 |
12.08.10 - 20:58:52
| |
AlexandЗr •
A Участник форума
|
чтобы заработало исправляем строку
fuvarnction AddItem() {
на
function AddItem() { | |
|
| Сообщение # 4 |
15.08.10 - 15:03:29
|
|
Раиль •
Р гость
|
Спасибо большое! Очень нужна была точь в точь такая реализация!) | |
|
| Сообщение # 5 |
27.10.10 - 18:23:31
| |
Djohan •
D гость
|
Добрый день У меня такой вопрос. У меня есть горизонтально верхнее меню на странице. Хочу реализовать так чтобы при нажатие например первого меню на страницы появлялся скрытый див относящийся к этому меню. При нажатии на второй скрывался первый и появлялся див от второго меню. Ну вообщем чтобы при онклике на нужное меню все скрывалось и оставалось только одно.
Вот код:
[code]
[HTML]<body>
<script type="text/javascript"> function displ(ddd) { if (document.getElementById(ddd).style.display == 'none') {document.getElementById(ddd).style.display = 'block'} else {document.getElementById(ddd).style.display = 'none'} } </script>
<a href="javascript: displ('1')">Описание</a> | <a href="javascript: displ('2')">Свойства</a> | <a href="javascript: displ('3')">Технические характеристики</a> | <a href="javascript: displ('4')">Использование</a>
<div id="1" style="display: none;">ТЕКСТ</div>
<div id="2" style="display: none;">ТЕКСТ2</div>
<div id="3" style="display: none;">ТЕКСТ3</div>
<div id="4" style="display: none;">ТЕКСТ4</div>
</body>
[/HTML]
[/code]
Вот сайт где этот пример: [url]http://kexian.ru/?page_id=6[/url] | |
|
| Сообщение # 6 |
29.11.10 - 07:04:11
| |
Djohan •
D гость
|
Полчил ответ. Кому надо вот код:
Код: <script type="text/javascript">
function displ(b) {
for (var a = 1; a < 5; a++) document.getElementById("d" + a).style.display = "none";
document.getElementById("d" + b).style.display = "block"
};
</script>
<a href="javascript: displ('1')">Описание</a> | <a href="javascript: displ('2')">Свойства</a> | <a href="javascript: displ('3')">Технические характеристики</a> | <a href="javascript: displ('4')">Использование</a>
<div id="d1" style="display: block;">ТЕКСТ1</div>
<div id="d2" style="display: none;">ТЕКСТ2</div>
<div id="d3" style="display: none;">ТЕКСТ3</div>
<div id="d4" style="display: none;">ТЕКСТ4</div> |
| |
|
| Сообщение # 7 |
29.11.10 - 12:55:12
| |
Александр •
А Участник форума
|
У меня заносится в базу значение только в 1 инпуте, при добавление новых инпутов с этих инптов в базу не заносится. Как сделать? | |
|
| Сообщение # 8 |
18.11.11 - 11:34:27
| |
Евгений •
Е Участник форума
|
Доброго времени суток!
У меня такой вопрос на базе примера от Михаила делаю форму с несколькими подобными полями полями:
Цитата: Михаил пишет:
Вот накатал! Обрати объявление переменной, иначе на IE не будет работать.
И лучше для работы с JavaScript использовать Mootools или Jquery
Код:
<html>
<head>
<title>Динамическое добавление поля по желанию пользователя.</title>
<script language="javascript">
var items=1;
fuvarnction AddItem() {
var div=document.getElementById("items");
var button=document.getElementById("add");
items++;
var newitem="<strong>Поле " + items + ": </strong>";
newitem+="<input type=\"text\" name=\"item" + items;
newitem+="\" size=\"45\"> <a href='javascript:void(0);' onClick='removeItem(" + items + ")'>X </a>";
newnode=document.createElement("div");
newnode.id = "item_" + items;
newnode.innerHTML=newitem;
div.insertBefore(newnode,button);
}
function removeItem(q){
var item = document.getElementById("item_" + q);
var parent = document.getElementById('items');
parent.removeChild(item);
}
</script>
</head>
<body>
<form name="form1">
<div ID="items">
<div id='item_1'>
<strong>Поле 1: </strong>
<input type="text" name="item1" size="45">
<a href="javascript:void(0);" onClick='removeItem(1);'>X</a>
</div>
<input type="button" value="Добавить поле" onClick="AddItem();" ID="add">
</div>
</form>
</body>
</html>
|
|
получается такой код скрипта:
Код: <script language="javascript">
var items1=1;
var items2=1;
var items3=1;
var items4=1;
function AddItem1() {
var div=document.getElementById("items1");
var button=document.getElementById("add1");
items1++;
var newitem="(компонент " + items1 + "):";
newitem+="<input type=\"text\" name=\"completion" + items1;
newitem+="\" size=\"45\"> <a href='javascript:void(0);' onClick='removeItem1(" + items1 + ")'>X </a>";
newnode=document.createElement("div");
newnode.id = "item_" + items1;
newnode.innerHTML=newitem;
div.insertBefore(newnode,button);
}
function removeItem1(q){
var item = document.getElementById("item1_" + q);
var parent = document.getElementById('items1');
parent.removeChild(item);
}
function AddItem2() {
var div=document.getElementById("items2");
var button=document.getElementById("add2");
items2++;
var newitem="(дефект " + items2 + "):";
newitem+="<input type=\"text\" name=\"defect" + items2;
newitem+="\" size=\"60\"> <a href='javascript:void(0);' onClick='removeItem2(" + items2 + ")'>X </a>";
newnode=document.createElement("div");
newnode.id = "item_" + items2;
newnode.innerHTML=newitem;
div.insertBefore(newnode,button);
}
function removeItem2(q){
var item = document.getElementById("item2_" + q);
var parent = document.getElementById('items2');
parent.removeChild(item);
} |
и такой html:
Код: <tr><td align=right width=200 valign=top>Комплектация</td><td align=left wirth=800><div ID="items1"><div id="item1_1">(компонент 1):<input type="text" name="completion1" size=45> <a href="javascript:void(0);" onClick="removeItem1(1);">X</a></div><input type="button" value="Добавить компонент" onClick="AddItem1();" ID="add1"></div></td></tr>
<tr><td align=right width=200>Неисправности:</td><td align=left wirth=800><div ID="items2"><div id="item2_1">(дефект 1):<input type="text" name="defect1" size=60> <a href="javascript:void(0);" onClick="removeItem2(1);">X</a></div><input type="button" value="Добавить компонент" onClick="AddItem2();" ID="add2"></div></td></tr>
|
проблема в том что удаляется все в странном порядке или не удаляется, сам я вообще не селен в javascripte (первый скрипт который мучаю) подскажите что поправить... | |
|
| Сообщение # 9 |
09.03.12 - 16:49:35
| |
Евгений •
Е Участник форума
|
сори, не разложил по полочкам html:
Код: <tr>
<td align=right width=200 valign=top>
Комплектация
</td>
<td align=left wirth=800>
<div ID="items1">
<div id="item1_1">
(компонент 1):
<input type="text" name="completion1" size=45>
<a href="javascript:void(0);" onClick="removeItem1(1);">X</a>
</div>
<input type="button" value="Добавить компонент" onClick="AddItem1();" ID="add1">
</div>
</td>
</tr>
<tr>
<td align=right width=200>
Неисправности:
</td>
<td align=left wirth=800>
<div ID="items2">
<div id="item2_1">
(дефект 1):
<input type="text" name="defect1" size=60>
<a href="javascript:void(0);" onClick="removeItem2(1);">X</a>
</div>
<input type="button" value="Добавить компонент" onClick="AddItem2();" ID="add2">
</div>
</td>
</tr>
|
| |
|
| Сообщение # 10 |
09.03.12 - 16:52:43
| |
b0dya •
B Участник форума
|
Здравствуйте, помогите сделать форму на сайт. нужно чтобы все поля добавлялись при нажатии динамически вот код, если кто знает как момочь
<table border="0" cellspacing="5" cellpadding="5">
<caption>Форма регистрации</caption>
<tr>
<td align="right" valign="top">Подразделения</td>
<td><input type="text" name="name" size="25"></td>
</tr>
<tr>
<td align="right" valign="top">Должность</td>
<td><input type="text" name="name" size="25"></td>
</tr>
<tr>
<td align="right" valign="top"> ФИО чиновника</td>
<td> <form action="http://protectedmedicine.org/" method="post" name="drop_down_box">
<select name="menu" size="1">
<option value="first">Первая позиция</option>
<option selected="selected" value="second">Вторая позиция</option>
<option value="third">Третья позиция</option>
<option value="fourth">Четвертая позиция</option>
</select>
</form>
</td>
</tr>
<tr>
<td align="right" valign="top">ФИО чиновника</td>
<td><select name="hobby" size="1" multiple>
<option selected value="1">компьютеры
<option value="2">спорт
<option value="3">игры
<option value="4">животные
<option value="5">автомобили
<option value="6">клубы
<option value="7">музыка
</select>
</td>
</tr>
<tr>
<td align="right" valign="top">ФИО нет в списке</td>
<td><input type="text" name="name" size="25"></td>
</tr>
<tr>
<td align="right" valign="top">Причина</td>
<td>
<textarea cols="30" rows="3" wrap="physical">
</textarea>
</td>
</tr>
<tr>
<td align="right" valign="top">e-mail</td>
<td><input type="text" name="e-mail" size="25"></td>
</tr>
<tr>
<td align="right" colspan="2">
<input type="submit" name="submit" value="Отправить">
<input type="reset" name="reset" value="Очистить">
</td>
</tr>
</table> | |
|
| Сообщение # 11 |
26.02.14 - 19:39:11
| |
Страницы: 1
|
Главная сайта