[JS + ?] dynamiczne formularze i jak je udzwignac?

0

problem jest nastepujacy:

  1. opis:
    pewien system wymaga implementacji formularzy odpowiedzialnych za dostaraczanie danych do ostatecznego wykonania SQLowego query INSERT .. - sprawa oczywista i popularna

  2. przyklad:

<form>
   ...
   <input type="text" name="cos_topic" />
   <textarea type="text" name="cos_body" />
   ...
   <input type="submit" />
   ...
<form>
  1. problem:
    ..ale.
    sytuacja wymaga abym mogl wprowadzic wiecej niz jeden zestaw danych 'cos_x'

technicznie sprawa analogiczna do formularzy niektorych interfacow do poczty via www.. kiedy dodaje zalacznik (wybieram i daje dodaj) pojawia sie pod spodem kolejny input .. tak moge dodawac n zalcznikow

chce uzyskac cos podobnego, wpisuje jeden zestaw danych cos_topic + cos_body i chce miec buttona ktory wykreuje kolejne input+textarea np.

sprawa jest jeszcze o tyle trudniejsza ze chce to miec client side w JS bez przeladowania

o ile dynamiczna generacje pol moznaby bylo jeszcze jakos wykombinowac to juz nie mam pomyslu jak odwolywac sie do n inputow kiedy nie znam tego n
a przeciez nie moge rozrzerzyc $_REQUEST[] do 2D

prosze zatem o jakas rade:

  1. jaka technologia potrzebna
  2. linka z tutorialem moze?
  3. dobre rady :)

dzieki..

0

prosze zatem o jakas rade:

  1. jaka technologia potrzebna
  2. linka z tutorialem moze?
  3. dobre rady :)
  1. JavaScript -> Document Object Model
  2. Google, jest sporo tego...
  3. http://4programmers.net/Forum/216635?f=3#id216635
0

a przeciez nie moge rozrzerzyc $_REQUEST[] do 2D

jak to nie ? właśnie można, właściwie nie $_REQUEST tylko zawartość $_POST czy tam $_GET czy coś może być tablicą, więc np możesz na stronie napisać (to tak na szybko - może nie działać):

<script>

function sklonuj(ide){
  hejka = document.getElementById(ide);
  (hejka.parentNode || hejka.parentElement).appendChild(hejka.cloneNode(true));
}

</script>

<form method="post"><div>

<div id="jakiside">
  <input type="text" name="pole[]" />
  <input type="text" name="pole2[]" />
</div>

</div>
<input type="button" onclick="sklonuj('jakiside')" value="dodaj pola" />
</form>

a w php:

<?php

echo "Pola pierwsze: <br />\r\n";
foreach($_POST['pole'] as $wartoscPierwszychPol)
  echo $wartoscPierwszychPol."<br />\r\n";

echo "Pola drugie: <br />\r\n";
foreach($_POST['pole2'] as $wartoscDrugichPol)
  echo $wartoscDrugichPol."<br />\r\n";

?>

1 użytkowników online, w tym zalogowanych: 0, gości: 1