|
Бесплатные PHP скрипты - форум техподдержки |
Форум техподдержки WR-Скриптов на php. Обсуждаем: основы программирования на PHP 5 - 7 версий, различные подходы к написанию скриптов на php 7 без MySQL. А также WR-скрипты: бесплатные доски объявлений, скрипты форумов, Гостевые книги, Каталог ссылок, Галерея, Фотоальбом, Счётчики, Рассылки, Анекдот и другие. Принимаются пожелания для новых версий. Сообщите какой скрипт нужен для Вашего сайта, постараемся найти или реализовать. Скачать скрипты можно бесплатно. Вместе мы сделаем бесплатные php скрипты лучше и доступнее!
|
| Сегодня: 12.12.2024 - 20:15:15
Страницы: 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
|
#Glavlinza.ru# | Раиль •
Р гость
|
Спасибо большое! Очень нужна была точь в точь такая реализация!) | |
|
Сообщение # 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
|