Бесплатные PHP скрипты - форум техподдержки

Бесплатные PHP скрипты - форум техподдержки

Форум техподдержки WR-Скриптов на php. Обсуждаем: основы программирования на PHP 5 - 7 версий, различные подходы к написанию скриптов на php 7 без MySQL. А также WR-скрипты: бесплатные доски объявлений, скрипты форумов, Гостевые книги, Каталог ссылок, Галерея, Фотоальбом, Счётчики, Рассылки, Анекдот и другие. Принимаются пожелания для новых версий. Сообщите какой скрипт нужен для Вашего сайта, постараемся найти или реализовать. Скачать скрипты можно бесплатно. Вместе мы сделаем бесплатные php скрипты лучше и доступнее!

Главная сайта бесплатных php скриптовГлавная сайта   ПоискПоиск  
Сегодня: 12.12.2024 - 20:15:15
Страницы:  1  

JavaScript динамическое добавление поля

Объявление - WR-Scriptы в UTF-8 кодировке

Активно обновляю скрипты и перевожу их в UTF-8 кодировку. Список перекодированных php скриптов доступен на главной странице сайта. Скачивайте скрипты и устанавливайте на свой сайт! В ближайшее время обновлю каталог знакомств, форум Про, фотоальбом, доски объявлений лайт и ЛЮКС.

На форуме, пожалуйста, пишите что модернизировать в скриптах в первую очередь. Постараюсь исправить большую часть пожеланий!
Планирую продолжить работы весь 2023 год.

#Glavlinza.ru#
АвторСообщение

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
как вписать php в html? :Предыдущая темаСледующая тема: PHP цикл, беда!
Страницы:  1  

Сообщение
Имя E-mail
Сообщение

Нажмите на точку возле имени для обращения к участнику

Смайлы:

Ещё смайлы
Эмодзи
         
Защитный код: (введите цифры, которые на синем фоне)
Ответ на вопрос: (Какой сейчас год?)
   
WR-Счётчик
Powered by WR-Forum Professional © 2.3 UTF-8 beta версия