Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [JavaScript][HTML]Dodaje pole formularza w złym miejscu
Forum PHP.pl > Forum > Przedszkole
Gadziu
18.08.2013, 21:45:20
Znalazłem gdzieś skrypt, który dodaje pole do formularza. Był on pierwotnie do dodawania typu file, ale jak zmodyfikowałem na typ text i generalnie działa, ale nowe pole dodaje mi na końcu treści na stronie, czyli także po przycisku do zatwierdzenia formularza. Na javascript się kompletnie nie znam, więc prośba do was o pomoc. Próbowałem włożyć ten przycisk do dodawania w diva, ale to nic nie dało
[HTML] pobierz, plaintext 
  1. <?php include "connection.php";?>
  2. <html>
  3. 	<head>
  4.   		<META http-equiv="Content-Type" content="text/html; charset=UTF-8">
  5.   		<script type="text/javascript">
  6.   			window.onload = Laduj;
  7.   			function Laduj()
  8.   			{
  9.    			 document.getElementById('add_input').onclick = DodajElement;
  10.   			}
  11.   			function DodajElement()
  12.   			{
  13.     			var element = document.createElement('input');
  14.     			element.setAttribute('type', 'text');
  15.     			var liczba = 0;
  16.     			var ilosc = document.forms['add_text'].elements.length;
  17.     			for (var i = 0; i < ilosc; i++ )
  18.     			{
  19.       			if (document.forms['add_text'].elements[i].type == 'text')
  20.       			{
  21.         				liczba += 1;
  22.       			}
  23.     			}
  24.     			element.setAttribute('name', 'produkt-'+(liczba+1));
  25.     			element.style.display = "block";
  26.     			element.style.margin= "2px";
  27.     			document.forms['add_text'].appendChild(element);
  28.   			}
  29.   		</script>
  30. 	</head>
  31. 	<body> 
  32. 		<a href="index.php"><- Wróć</a><br>
  33. 		<form action="nowa.php" method="POST" name="add_text">
  34. 			<a href="kontrahent.php">Dodaj</a> lub wybierz kontrahenta 
  35. 			<select name="nrkont">
  36. 			<?php
  37.  
  38. 				$query = mysql_query("SELECT DISTINCT * FROM kontrahent");
  39. 				while($row = mysql_fetch_array( $query ))
  40. 				{
  41. 					echo "<option value=\"".$row['id']."\">".$row['id'].". ".$row['nazwa']."</option>";
  42. 				}
  43. 			?>
  44. 			</select>
  45. 			<br>
  46. 			Wprowadź produkt(y):
  47. 			<br>
  48. 			<div><input type="text" name="produkt-1">
  49. 			<div><a href="#" id="add_input">dodaj nowe pole typu file</a></div></div>
  50. 		<input type="submit" value="Wygeneruj fakturę!">
  51. 		</form>
  52. 	</body>
  53. </html>
[HTML] pobierz, plaintext
fate
19.08.2013, 06:59:44
Wklej w takiej postaci w tego diva co chciales i ewentualnie ostyluj mu pozycje

[HTML] pobierz, plaintext 
  1.     <?php include "connection.php";?>
  2.     <script type="text/javascript">
  3.     window.onload = Laduj;
  4.     function Laduj()
  5.     {
  6.     document.getElementById('add_input').onclick = DodajElement;
  7.     }
  8.     function DodajElement()
  9.     {
  10.     var element = document.createElement('input');
  11.     element.setAttribute('type', 'text');
  12.     var liczba = 0;
  13.     var ilosc = document.forms['add_text'].elements.length;
  14.     for (var i = 0; i < ilosc; i++ )
  15.     {
  16.     if (document.forms['add_text'].elements[i].type == 'text')
  17.     {
  18.     liczba += 1;
  19.     }
  20.     }
  21.     element.setAttribute('name', 'produkt-'+(liczba+1));
  22.     element.style.display = "block";
  23.     element.style.margin= "2px";
  24.     document.forms['add_text'].appendChild(element);
  25.     }
  26.     </script>
  27.  
  28.     <a href="index.php"><- Wróć</a><br>
  29.     <form action="nowa.php" method="POST" name="add_text">
  30.     <a href="kontrahent.php">Dodaj</a> lub wybierz kontrahenta
  31.     <select name="nrkont">
  32.     <?php
  33.  
  34.     $query = mysql_query("SELECT DISTINCT * FROM kontrahent");
  35.     while($row = mysql_fetch_array( $query ))
  36.     {
  37.     echo "<option value=\"".$row['id']."\">".$row['id'].". ".$row['nazwa']."</option>";
  38.     }
  39.     ?>
  40.     </select>
  41.     <br>
  42.     Wprowadź produkt(y):
  43.     <br>
  44.     <div><input type="text" name="produkt-1">
  45.     <div><a href="#" id="add_input">dodaj nowe pole typu file</a></div></div>
  46.     <input type="submit" value="Wygeneruj fakturę!">
  47.     </form>
[HTML] pobierz, plaintext
Gadziu
19.08.2013, 11:01:23
Teraz mam tak i nadal nie działa
[HTML] pobierz, plaintext 
  1. <?php include "connection.php";?>
  2. <html>
  3. 	<head>
  4.   		<META http-equiv="Content-Type" content="text/html; charset=UTF-8">
  5.  
  6. 	</head>
  7. 	<body> 
  8. 		<a href="index.php"><- Wróć</a><br>
  9. 		<div>
  10. 			<script type="text/javascript">
  11.     			window.onload = Laduj;
  12.     			function Laduj()
  13.     			{
  14.     				document.getElementById('add_input').onclick = DodajElement;
  15.     			}
  16.     			function DodajElement()
  17.     			{
  18.     				var element = document.createElement('input');
  19.     				element.setAttribute('type', 'text');
  20.     				var liczba = 0;
  21.     				var ilosc = document.forms['add_text'].elements.length;
  22.     				for (var i = 0; i < ilosc; i++ )
  23.     				{
  24.     					if (document.forms['add_text'].elements[i].type == 'text')
  25.     					{
  26.     						liczba += 1;
  27.     					}
  28.     				}
  29.     				element.setAttribute('name', 'produkt-'+(liczba+1));
  30.     				element.style.display = "block";
  31.     				element.style.margin= "2px";
  32.     				document.forms['add_text'].appendChild(element);
  33.     			}
  34.     </script>
  35.  
  36.     <form action="nowa.php" method="POST" name="add_text">
  37.     <a href="kontrahent.php">Dodaj</a> lub wybierz kontrahenta
  38.     <select name="nrkont">
  39.     <?php
  40.  
  41.     $query = mysql_query("SELECT DISTINCT * FROM kontrahent");
  42.     while($row = mysql_fetch_array( $query ))
  43.     {
  44.     echo "<option value=\"".$row['id']."\">".$row['id'].". ".$row['nazwa']."</option>";
  45.     }
  46.     ?>
  47.     </select>
  48.     <br>
  49.     Wprowadź produkt(y):
  50.     <br>
  51.     <div><input type="text" name="produkt-1">
  52.     <div><a href="#" id="add_input">dodaj nowe pole typu file</a></div></div>
  53.     <input type="submit" value="Wygeneruj fakturę!">
  54.     </form>
  55. 		</div>
  56. 	</body>
  57. </html>
  58.  
[HTML] pobierz, plaintext
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.