Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [JS] Dodawanie pol formularza
Crozin
post
Post #1





Grupa: Zarejestrowani
Postów: 6 476
Pomógł: 1306
Dołączył: 6.08.2006
Skąd: Kraków

Ostrzeżenie: (0%)
-----


Na początek: JS - nie znam (wszystko co wiem jest jedynie z widzenia i domyslow)
Co chcę osiągnąć: Chcę dodac jedno pole formularza do div'a o id X po klieknieciu w link. Max ilość dodanych pol: 9.
Co udało mi się osiągnać: nic (IMG:http://forum.php.pl/style_emoticons/default/smile.gif)
Kod
:
...
<html>
<head>
<script type="text/javascript">
function OneMoreField(Group)
{
  var MaxFields = 9;
  var Counter.Group = 0;
  
  if(Counter.Group < MaxFields)
  {
   document.getElementById(Group).innerHTML='<input type="text" name="'+Group+'[]" />';
   Counter.Gropu += 1;
  }
}
</script>



Powyższy kod na 100% jest zły (IMG:http://forum.php.pl/style_emoticons/default/winksmiley.jpg) Ale co ma z założenia robic?
Najpierw zostala określona max. ilość możliwych do dadania pól. Poźniej jest zmienna "licznki". Nastepnie jezeli zmienna Counter.Group (Gropu to zmienna przekazana w 1arg - pewnie zle ja "wstawilem") ma wartosc miejsa od 9 to do odpowiedniego div'a ma zostac dodany kod i wartosc Counter ma zostac zwiekszona.

Do tego jest jeszcze html:
  1. :
  2. <label for="Requirements">Requirements:</label>
  3. <div id="Requirements">
  4. <input type="text" name="Requirements[]" /><a href="java script:OneMoreFiled('Requirements')">one more field</a>
  5. </div>
  6.  
  7. <label for="Responsibilities">Responsibilities:</label>
  8. <div id="Responsibilities">
  9. <input type="text" name="Responsibilities[]" /><a href="java script: OneMoreFiled('Responsibilities')">one more field</a>
  10. </div>
  11.  
  12. <label for="Proffer">Proffer:</label>
  13. <div id="Proffer">
  14. <input type="text" name="Proffer[]" /><a href="java script:OneMoreFiled('Proffer')">one more field</a>
  15. </div>
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi
Crozin
post
Post #2





Grupa: Zarejestrowani
Postów: 6 476
Pomógł: 1306
Dołączył: 6.08.2006
Skąd: Kraków

Ostrzeżenie: (0%)
-----


juz wszystko jest prawie ok (IMG:http://forum.php.pl/style_emoticons/default/winksmiley.jpg) zostala tylko 1 rzecz do poprawy: http://www.crozin.pl/form.html jak widac po dodaniu kolejnych elementow ikonki "+" "-" znajduja sie przy ostatnim elemencie...
domyslam sie ze jest to spowodowane ta f-cja: insertBefore, niestety w dokumentacji nie znalazlem niczego w stylu innserAfter :E istenieje cos takiego?

ps. w kod tego "czegos" (bo strona bym tego nie nazwa) nawet nie patrz (IMG:http://forum.php.pl/style_emoticons/default/biggrin.gif) (poza js)
Go to the top of the page
+Quote Post

Posty w temacie


Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Aktualny czas: 9.10.2025 - 18:55