Forum PHP.pl > [JavaScript]Problem z zrozumieniem podstaw.

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: [JavaScript]Problem z zrozumieniem podstaw.

ZaXaZ

3.09.2014, 22:15:43

Ucze się JS z http://kursjs.pl i utknąłem już na początku, nie wiem jak zrobić zmienną zawierającą value wysłanego tekstu, próbowałem tak:

[HTML] pobierz, plaintext 
<!DOCTYPE html "about:legacy-compat">
<html lang="pl">
<head>
 <meta charset="UTF-8"/>
 <title>Test JS.</title>
 <script type="text/javascript">
var pole = document.getElementById('formularz').poleTekstowe.value;
document.write("Tekst " + pole + " pochodzi z pola formularza");
document.write("Czy jestem pewien ze " + pole + " pochodzi z formularza?");
document.write(pole + " - wszystko wskazuje że tak jest");
 </script>
</head>
<body>
<form method="get" action="?" name="formularz">
<input type="text" name="poleTekstowe"/><br/>
<input type="text" name="inp"/><br/>
<input type="submit" id="sub" value="ok"/>
</form>
</body>
</html>
[HTML] pobierz, plaintext

Według rozdziału http://kursjs.pl/kurs/zmienne.html jednak nie wiem czy zrozumiałem.

Dodałem document.write('test'); nad tamtym skryptem i wyświetla test ale nic wiecej, nawet po wysłaniu formularza.

slash^

4.09.2014, 00:02:06

Wiec tak:

- kod ktory wpisales w script nie jest zadna funkcja, wiec wykonuje sie tylko raz przy ladowaniu strony, kiedy prawdopodobnie pola formularza sa puste.
- W 7 linijce odwolujesz sie do ID (getElementById) elementu 'formularz', a takiego nie ma gdzy dales mu name formularz a nie id.
- Zainstaluj firebuga.
- lepiej to zrobic przez jquery, sa pierdyliardy przykladow.

ZaXaZ

4.09.2014, 00:21:45

Cytat(slash^ @ 4.09.2014, 01:02:06 )

Niestety nie mam dostępu do kompa o czym pisałem już w jednym temacie.
Ucze sie js wlasnie dla jquery ale troche mi zajmie nauka

.
Dzięki.

Turson

4.09.2014, 07:28:14

jQuery jest przyjemniejsze jak dla mnie
var pole = $('input[name="poleTekstowe"]').val();

slash^

4.09.2014, 08:09:22

Cytat(ZaXaZ @ 4.09.2014, 01:21:45 )

Niestety nie mam dostępu do kompa o czym pisałem już w jednym temacie.
Ucze sie js wlasnie dla jquery ale troche mi zajmie nauka

.
Dzięki.

Bez dostepu do kompa cięzko napisac jakis kod :-)
Tak jak kolega powyzej napisał najprościej się odwołać przez jquery do elementu input z nadanym name.
Dobrze jest znac podstawy js, ale duzo łatwiej i przyjemniej jest pisac w jquery.
Z js przyda Ci sie znajomość tworzenia zmiennych, funkcji i obiektów oraz znajomość Array, Math i Object na początek.

Łap też linka:
http://jsfiddle.net/99b1Lcvt/

ZaXaZ

4.09.2014, 13:52:57

Dzięki za kody, co do drugiego dodaje za każdym razem kolejny tekst.

Pytanie: Jak mogę zrobić żeby kod zawsze się wykonywał a nie tylko przy włączeniu strony?
Bez tego nie wiedze rezultatu JS, nawet jak pierwszy raz odpalam.
Poza document.write(); chyba ze tamten kurs zle uczy, bo raz pisza o operatorze <= a nizej demonstruja jako =< itd, wiecej takich bledow tam ze az nie wiem co dobrze.

Turson

4.09.2014, 13:58:12

Cytat

Pytanie: Jak mogę zrobić żeby kod zawsze się wykonywał a nie tylko przy włączeniu strony?

Nie rozumiem

ZaXaZ

4.09.2014, 14:01:19

Cytat(Turson @ 4.09.2014, 14:58:12 )

Nie rozumiem

Cytat(slash^)

- kod ktory wpisales w script nie jest zadna funkcja, wiec wykonuje sie tylko raz przy ladowaniu strony

Chciałbym żeby działało tak jak document.write(); ze caly czas sie wykonuje, czy funkcja jest "ostateczna"?

Turson

4.09.2014, 14:03:15

Musisz obsłużyć jakieś zdarzenie, np. wysłanie formularza submit.
http://api.jquery.com/category/events/

PrinceOfPersia

6.09.2014, 15:47:50

Jeśli w kursie każą ci document.write używać to strasznie cienki/przestarzały kurs.
Do testów lepiej console.log pisz, i odpal konsolę JavaScript w przegladarce (Ctrl+Shift+J, F12 itp. albo z menu). Jeśli chcesz cos zmienic w dokumencie, to lepiej użyć albo bezposrednio obiektow DOM (np. wlasciwosci element.innerHTML) albo jQuery czy innej biblioteki.

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.