Гость
Целевая тема:
Создать новую тему:
Автор:
Форумы / PHP, Perl, Python [игнор отключен] [закрыт для гостей] / (JS) Динамическое добавление элементов в форму / 5 сообщений из 5, страница 1 из 1
07.11.2005, 03:31
    #33363176
viv
viv
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
(JS) Динамическое добавление элементов в форму
мне нужен скрипт который бы добавлял элементы текстового поля в форму. Я нашел один но он не работает с мозилой
Вернее там он работает визуально но при отправке формы на сервер данные из этих елементов не передаются чего-то.

Код: plaintext
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
32.
33.
34.
35.
36.
37.
38.
39.
40.
41.
42.
43.
44.
<span id="table">
<table border= 0  cellspacing= 0  cellpadding= 3 >
<caption>сведения</caption>
<tr><td>Èìÿ</td><td>рождение</td><td>
<a href="#" onclick="return addline();">добавить</a></td></tr>
<tr id="newline" nomer="[0]">
<td><input type="text" name="name[0]"></td><td><input type="text" name="date[0]"></td>
<td valign="top"><a href="#" onclick="return rmline(0);">Удалить</td></tr></table>
</span>

<script>
var c= 0 ; 
function addline()
{
	c++; 
	s=document.getElementById('table').innerHTML;
	s=s.replace(/[\r\n]/g,'');
	re=/(.*)(<tr id=.*>)(<\/table>)/gi; 

	s1=s.replace(re,'$2'); 
	s2=s1.replace(/\[\d+\]/gi,'['+c+']'); 

	s2=s2.replace(/(rmline\()(\d+\))/gi,'$1'+c+')');

	s=s.replace(re,'$1$2'+s2+'$3');

	document.getElementById('table').innerHTML=s;

	return false; 
}
function rmline(q)
{

	s=document.getElementById('table').innerHTML;
	s=s.replace(/[\r\n]/g,'');
	re=new RegExp('<tr id="?newline"? nomer="?\\['+q+'.*?<\\/tr>','gi');

	s=s.replace(re,'');

	document.getElementById('table').innerHTML=s;
	return false;
}
</script>

...
Рейтинг: 0 / 0
07.11.2005, 10:30
    #33363467
4m@t!c
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
(JS) Динамическое добавление элементов в форму
Что-то я формы не увидел...
----------------------------------------
Артисты не приехали, приехали цыгане
...
Рейтинг: 0 / 0
07.11.2005, 19:32
    #33365102
viv
viv
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
(JS) Динамическое добавление элементов в форму
4m@t!cЧто-то я формы не увидел...
----------------------------------------
Артисты не приехали, приехали цыгане
я показал принцип добавления елементов.
А может нужно еще прикрутьти и добавление елементов в форму по их названиям.
Кто сталкивался с такой штукой, подскажите
...
Рейтинг: 0 / 0
07.11.2005, 20:14
    #33365161
4m@t!c
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
(JS) Динамическое добавление элементов в форму
>я показал принцип добавления елементов.
Вы хотели, что бы вам нашли ошибку или проверили логику работы?

>А может нужно еще прикрутьти и добавление елементов в форму по их названиям.
Объясните на пальцах, что-то не понятно, что и как вы хотите сделать.

>Кто сталкивался с такой штукой, подскажите
Я сталкивался. Как вариант, вот вам спасательный лом.
Работает везде (Лиса 1, Опера 8, ИЕ6, Нетскейп 8). Доработать напильником.
Код: plaintext
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
32.
33.
34.
35.
36.
37.
38.
39.
40.
41.
42.
43.
44.
45.
46.
47.
48.
49.
50.
51.
52.
53.
54.
55.
56.
57.
58.
59.
60.
61.
62.
63.
64.
65.
66.
67.
68.
69.
70.
71.
72.
73.
74.
75.
76.
77.
78.
79.
80.
81.
82.
83.
84.
85.
86.
87.
88.
89.
90.
91.
92.
93.
94.
95.
96.
97.
98.
99.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
</HEAD>

<BODY>
         <SCRIPT LANGUAGE="JavaScript">
<!--
	      z =  1 ;
	      function onlyDigit()
	      {
	         if((event.keyCode< 48 )||(event.keyCode> 57 ))
	            event.returnValue = false;
	      }
	      function addRow()
	      {
	         z++;
	         tbody = partrow.parentNode;
	         tr = document.createElement("TR");
	         tr.setAttribute("align", "center");
	         tdnumber = document.createElement("TD");
	         tdnumber.setAttribute("align", "right");
	         tdnumber.setAttribute("class", "white1");
	         tdaboutpart = document.createElement("TD");
	         tdkolvo = document.createElement("TD");
	         tdcount = document.createElement("TD");
	         tddelbut = document.createElement("TD");
	         tdnumber.innerHTML = z + ".";
	         tdaboutpart.innerHTML = '<TEXTAREA cols="100%" Rows="2"  id="part_about['+z+']" Name="prow['+z+'][pabout]" Maxlength="200"class="inputform"></TEXTAREA>';
	         tdcount.innerHTML='<INPUT Type="text" id="part_count['+z+']" Name="prow['+z+'][pcount]" size="3" class="inputform" onKeyPress="onlyDigit();">';
	         tddelbut.innerHTML='<BUTTON type="button" id="delbut'+z+'"Value="' + z + '" Style="Height:25px; Font-Size:10px; Line-height:1;" onClick="delRow(this)">Удалить</BUTTON>';

	         tr.appendChild(tdnumber);
	         tr.appendChild(tdaboutpart);
	         tr.appendChild(tdcount);
	         tr.appendChild(tddelbut);
	         tbody.appendChild(tr);
	      }
	      function delRow(xRow)
	      {
	         if(z ==  1 )
	         {
	            alert("Минимум одна строка!!!");
	            return false;
	         }
	         idxrow = xRow.id;
	         tbody = xRow.parentNode.parentNode.parentNode;
	         for(i = parseInt(idxrow.substr( 6 )); i<z; i++)
	         {
	            document.getElementById("part_about[" + i + "]").value = document.getElementById("part_about[" + (i +  1 ) + "]").value;
	            document.getElementById("part_count[" + i + "]").value = document.getElementById("part_count[" + (i +  1 ) + "]").value;
	         }
	         tbody.removeChild(tbody.lastChild);
	         z--;
	      }

	      //-->
	   </SCRIPT>
	   	<BR><BR>
      <CENTER class="whitebold1">Форма</CENTER>
		<FORM method="post" action="http://127.0.0.1/vinqsend.php?g_vinid=27" name="vin_qc">
      <TABLE width="100%" border="0" cellpadding="0" cellspacing="0">
      <TR align="center">
      	<TD><TABLE border="0" cellpadding="0" cellspacing="1" bgcolor="#FFFFFF">
            <TR>
      			<TD bgcolor="#53A5F0" class="whitebold1" height="25"><TABLE width="100%" border="0" cellspacing="0" cellpadding="3">
            		<TR align="center">
	                  <TD width="10" class="whitebold1" nowrap>Заголовок  1 </TD>
	                  <TD class="whitebold1" nowrap>Заголовок  2 </TD>
	                  <TD width="50" class="whitebold1" nowrap>Заголовок  3 </TD>
	                  <TD width="40" class="whitebold1" nowrap>Заголовок  4 </TD>
                  </TR>
		            </TABLE></TD>
            </TR>
            <TR>
					<TD valign="top" bgcolor="#62B4FF" align="center"><TABLE width="100%" border="0" cellspacing="0" cellpadding="3">
            		<TR align="center" id="partrow">
	                  <TD width="10" class="white1" align="right"> 1 .</TD>
	                  <TD><TEXTAREA Cols="100%" Rows="2" Name="prow[1][pabout]" id="part_about[1]" Maxlength="200" class="inputform"></TEXTAREA></TD>
	                  <TD width="50"><INPUT type="text" size="3" name="prow[1][pcount]" id="part_count[1]" class="inputform" onKeyPress="onlyDigit();"></INPUT></TD>
	                  <TD width="40"><BUTTON type="button" name="part_del" value="1" id="delbut1" style="height:25px; font-size:10px; line-height:1;" onClick="delRow(this)">Удалить</BUTTON></TD>
                  </TR>
		            </TABLE><BR><BUTTON type="button" name="add_row" Style="Height:25px; Font-Size:10px; Line-height:1;" onClick="addRow();">Новая строка</BUTTON><BR> </TD>
            </TR></TD>
            <TR>
      			<TD align="center" valign="middle" bgcolor="#53A5F0"><BUTTON Type="submit" Name="vqc_send" Value="1">Отправить форму</BUTTON></TD>
            </TR></TD>
      		</TABLE></TD>
		</TR>
      </TABLE>
      </FORM>

</BODY>
</HTML>
----------------------------------------
Артисты не приехали, приехали цыгане
...
Рейтинг: 0 / 0
08.11.2005, 01:47
    #33365346
viv
viv
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
(JS) Динамическое добавление элементов в форму
спасибо вопрос отпал
...
Рейтинг: 0 / 0
Форумы / PHP, Perl, Python [игнор отключен] [закрыт для гостей] / (JS) Динамическое добавление элементов в форму / 5 сообщений из 5, страница 1 из 1
Найденые пользователи ...
Разблокировать пользователей ...
Читали форум (0):
Пользователи онлайн (0):
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]