Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [JavaScript]Samoczynne wysłanie formularza.
Forum PHP.pl > Forum > Przedszkole
szczabik
22.04.2009, 18:38:56
Jak mogę samoczynne wysłać formularz po np. 3 s napisałem taki kod ale nie działa. Może ktoś podpowiedzieć jak to zrobić ?
[HTML] pobierz, plaintext 
  1. <script language='JavaScript'>
  2. function test() {
  3. var form = document.getElementById("dodaj");
  4. form.sumbit();
  5. }
  6. setTimeout(test, 3000);
  7. </script>
  8.  
  9. <form name="test" method="post" action="dodaj.html">
  10. <input type="submit" id="dodaj" name="submit" value="Wyslij"/>
  11. </form>
[HTML] pobierz, plaintext
kamil4u
22.04.2009, 18:40:36
Nadaj id <form> i wtedy podmień document.getElementById("dodaj"); na document.getElementById("xxxxxxxx"); i cały kod JS daj 'pod' HTML
szczabik
22.04.2009, 18:43:41
Zrobilem tak nie działa. Wczesniej też tak próbowałem i nie działa.
[HTML] pobierz, plaintext 
  1. <html>
  2. <body>
  3. <script language='JavaScript'>
  4. function test() {
  5. var form = document.getElementById("dodaj");
  6. sumbit.form;
  7. }
  8. setTimeout(test, 3000);
  9. </script>
  10.  
  11. <form name="test" id="dodaj" method="post" action="dodaj.html">
  12. <input type="submit" name="submit" value="Wyslij"/>
  13. </form>
  14.  
  15. </body>
  16. </html>
[HTML] pobierz, plaintext
kamil4u
22.04.2009, 18:46:25
W między czasie wyedytowałem: daj kod JS pod HTML lub zainteresuj się zdarzeniem load w JS(szukaj pod onLoad)
szczabik
22.04.2009, 18:50:14
No ja wiem do czego jest onLoad ale nie chce odrazu przy ładowaniu strony wysłać formularz tylko po jakimś czasie np. po 30 s
piotrooo89
22.04.2009, 18:51:24
Cytat
No ja wiem do czego jest onLoad ale nie chce odrazu przy ładowaniu strony wysłać formularz tylko po jakimś czasie np. po 30 s



i właśnie dlatego używasz setTimeout
kamil4u
22.04.2009, 18:51:47
Poczytaj o DOM. W Twoim kodzie chcesz pobrać element, którego jeszcze nie ma w drzewie DOM. Daj kod JS pod HTML(to najprostszy sposób)
szczabik
22.04.2009, 19:07:24
To czemu jak robie tak nie działa
[HTML] pobierz, plaintext 
  1. <script language='JavaScript'>
  2. function test() {
  3. formularz.submit();
  4. }
  5. setTimeout(test, 3000);
  6. </script>
  7.  
  8. <form name="formularz" id="dodaj" method="post" action="dodaj.html">
  9. <input type="submit" name="submit" value="Wyslij"/>
  10. </form>
[HTML] pobierz, plaintext


?
kamil4u
22.04.2009, 19:11:45
Nie napisze za Ciebie kodu - 3 razy napisałem Ci co masz zrobić. Tak trudno to zrobić? W ostatnim poście napisałem o czym powinieneś sobie poczytać - czytaj ze zrozumieniem!!!

Jak nie rozumiesz to przeczytaj to 10 razy, a jak dalej nie rozumiesz to napisz czego konkretnie!
szczabik
22.04.2009, 19:19:39
Cytat(kamil4u @ 22.04.2009, 20:11:45 ) *
Nie napisze za Ciebie kodu - 3 razy napisałem Ci co masz zrobić. Tak trudno to zrobić? W ostatnim poście napisałem o czym powinieneś sobie poczytać - czytaj ze zrozumieniem!!!

Jak nie rozumiesz to przeczytaj to 10 razy, a jak dalej nie rozumiesz to napisz czego konkretnie!

Jak masz tak pomagać i pisać to nie pisz wcale. Dziękuje ci za taką pomoc chciałem wskazówkę a nie piszesz mi poczytaj o DOM.
kamil4u
22.04.2009, 19:23:32
Cytat
Dziękuje ci za taką pomoc chciałem wskazówkę a nie piszesz mi poczytaj o DOM.

Zastanów się co Ty piszesz: "chciałem wskazówkę"-->"poczytaj o DOM" to jest właśnie wskazówka. Poza tym to:
Cytat
Daj kod JS pod HTML
napisałem Ci 3 razy, a Ty nawet nie sprawdziłeś tego. Nacz się wreszcie czytać ze zrozumieniem, a jak Ci to nie wychodzi to daruj sobie programowanie...
szczabik
22.04.2009, 19:34:52
Przeczytałem klika razy o DOM i wiem do czego służy document.getElementById ale jaktoś tutaj nie umiem tego wykorzystać a co do "Daj kod JS pod HTML" to nie wiem o co chodzi kod html jest w body.
kamil4u
22.04.2009, 19:42:58
Daj wszystko co masz pomiędzy <script>i</script> (razem ze znacznikami) pod HTML, czyli pod
Kod
<form name="formularz" id="dodaj" method="post" action="dodaj.html">
<input type="submit" name="submit" value="Wyslij"/>
</form>


Jak chcesz tak będzie - to mój ostatni post w tym temacie.

PS. I od razu widać, że nie czytałeś o DOM.
osl
22.04.2009, 19:43:38
oj, chyba jeszcze raz musisz przeczytać o DOM winksmiley.jpg
obrazowo: przeglądarka laduje powiedzmy po lini html-a (uproszczenie, poważne). Widzi skrypt, zaczyna go przerabiać. W środku są odwolania do jakichś elementów, ale ich jeszcze nie ma "fizycznie" w przeglądarce, bo nie przerobiła lini poniżej skryptu... może teraz odrobine jaśniej? smile.gif

jak dasz tag <script> poniżej kodu formy to powinno być cacy. a jeszcze lepiej jak wrzucisz to do document.body.onload


EDIT: no i kamil4u mnie ubiegł smile.gif
nospor
22.04.2009, 19:51:10
panowie z calym szacunkiem ale pieprzycie glupoty winksmiley.jpg

funkcja sie nie wykonuje bo setTimeout() jest źle. powinno byc:
Kod
setTimeout('test()', 3000);

teraz po 3 sekundach wejdzie do tej funkcji i pobierze forma ktory juz w DOM jest.
oczywiscie form sie nie wysle bo ta wysylka tez jest skopana, ale to juz wam pozostawiam winksmiley.jpg
osl
22.04.2009, 19:55:38
oj, jak się człowiek śpieszy to się zasugeruje jeszcze wcześniejszymi postami winksmiley.jpg
sorry wielkie za wtope/wprowadzanie w bląd.

(gwoli ścislości, 3 sekundy to może być czasem mało żeby załadować cale drzewo DOM. zwłaszcza dla IE6 winksmiley.jpg - testowane osobiście. )
szczabik
22.04.2009, 19:58:02
Zrobilem tak jak piszecie i mimo to nie dziala
[HTML] pobierz, plaintext 
  1. <html>
  2. <head>
  3. </head>
  4. <body>
  5. <form name="formularz" id="dodaj" method="post" action="dodaj.html">
  6. <input type="submit" name="submit" value="Wyslij"/>
  7. </form>
  8. <script language='JavaScript'>
  9. function test() {
  10. var form = document.getElementById("dodaj");
  11. form.submit();
  12. }
  13. setTimeout('test()', 3000);
  14. </script>
  15. </body>
  16. </html>
[HTML] pobierz, plaintext
piotrooo89
22.04.2009, 20:00:49
chłopaki wprowadzacie w błąd:

[HTML] pobierz, plaintext 
  1. <script type="text/javascript">
  2. function formSubmit()
  3. {
  4. 	setTimeout('document.getElementById("myForm").submit()', 3000);
  5. }
  6. </script>
  7.  
  8. <form id="myForm" action="" method="get">
  9. <input type="text" name="test" />
  10. <input type="button" onclick="formSubmit()" value="ok">
  11. </form>
[HTML] pobierz, plaintext
szczabik
22.04.2009, 20:05:59
Cytat(piotrooo89 @ 22.04.2009, 21:00:49 ) *
chłopaki wprowadzacie w błąd:

[HTML] pobierz, plaintext 
  1. <script type="text/javascript">
  2. function formSubmit()
  3. {
  4. setTimeout('document.getElementById("myForm").submit()', 3000);
  5. }
  6. </script>
  7.  
  8. <form id="myForm" action="" method="get">
  9. <input type="text" name="test" />
  10. <input type="button" onclick="formSubmit()" value="ok">
  11. </form>
[HTML] pobierz, plaintext


Nie działa mijają 3 sekundy i nic sie nie dzieje formularz sie nie wysyła
piotrooo89
22.04.2009, 20:08:25
Cytat
Nie działa mijają 3 sekundy i nic sie nie dzieje formularz sie nie wysyła


najwyraźniej u Ciebie u mnie wszystko OK>
nospor
22.04.2009, 20:09:45
@piotrooo89 przeciez twoj skrypt wysle forma po 3 sekundach ale dopiero po kliknieciu....
piotrooo89
22.04.2009, 20:10:24
Cytat(nospor @ 22.04.2009, 21:09:45 ) *
@piotrooo89 przeciez twoj skrypt wysle forma po 3 sekundach ale dopiero po kliknieciu....


a nie tak miało być? sciana.gif
szczabik
22.04.2009, 20:11:32
No twój kod działą jak klikne ok ale czemu jak dam tak to juz nie działa 
[HTML] pobierz, plaintext 
  1. <script type="text/javascript">
  2. function formSubmit()
  3. {
  4. document.getElementById("myForm").submit();
  5. }
  6. setTimeout('test()', 3000);
  7. </script>
  8.  
  9. <form name="formularz" id="myForm" method="post" action="dodaj.html">
  10. <input type="submit" name="submit" value="Wyslij"/>
  11. </form>
[HTML] pobierz, plaintext


Chce zrobić by wysłał sie samo czynie bez klikania.
osl
22.04.2009, 20:11:33
taka moja mała sugestia, bo aż sam sobie przykład przerobiłem - usuń nazwę submita albo nazwij go inaczej.
Firebug pluje, że form.submit() nie jest funkcją - traktuje go jako inputa właśnie winksmiley.jpg
piotrooo89
22.04.2009, 20:13:14
Cytat(szczabik @ 22.04.2009, 21:11:32 ) *
Chce zrobić by wysłał sie samo czynie bez klikania.


dajesz window.onload.

[HTML] pobierz, plaintext 
  1. <script type="text/javascript">
  2. function formSubmit()
  3. {
  4.     setTimeout('document.getElementById("myForm").submit()', 3000);
  5. }
  6. window.onload=formSubmit;
  7. </script>
  8.  
  9. <form id="myForm" action="" method="get">
  10. <input type="text" name="test" />
  11. <input type="button" onclick="formSubmit()" value="ok">
  12. </form>
[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.