Witam,
Mam problem ze skryptem który polega na pokazaniu trzech formularzy (imię,nazwisko,wiek) a następnie po naciśnięciu przycisku wyświetleniu tych danych w formie (Imię:"Wpisane imię" itd) najlepiej gdyby to było w nowym oknie ale wtedy jest potrzebna dodatkowa funkcja. Aktualnie mam coś takiego. Funkcja odpowiada na razie tylko za wyskakiwanie okienka "Wprowadź dane" jeśli jakiś formularz nie został wypełniony
CO? trzech formularzy czy trzech pół w formularzu ? i przestań uzywac poskich nazw zmiennych i co to jest to | pomeidzy nazwami formularza ? wiesz co to oznacza w ogole ? |
nie rob zadnego onClick to nie te czasy
Tylko że jest to zadanie do szkoły i dostaliśmy takie zadanie w którym mamy skorzystać właśnie z tej funkcji. I faktycznie źle napisałem chodizło mi o 3 pola w formularzu
Dobra to robimy zadanie. Co chcesz osiągnąć ? ma to być html czy php też czy tylko html, javaScript i css ?
Algorytm
- Wchodzę na strone
- wypelniam 3 pola
- jesli ktores nie wypelnie to ma mi pokazac ze nie wyplenione ?
- po wcisnieciu guzika wyslij co ma sie zdarzyc? gdzie ma byc wynik ?
- Popraw przypisanie wartości pól w formularzu do zmiennych (pola o nazwach a i b nie istnieją).
- Odnośnie samego działania - tutaj masz gotowe rozwiązanie.
- Jeśli występuje problem z ciągłym ładowaniem strony to tutaj masz odpowiedź.
- Ustaw sobie kodowanie dla poprawnego wyświetlania polskich znaków:
<head>
<meta charset="UTF-8">
</head>
HTML i JS tylko. Po naciśnięciu przycisku kiedy są dane ma wyświetlić się nowe okno z wypisanymi informacjami jakie zostały podane w polach formularza
Wiara czyni cuda napisał(a):
- Popraw przypisanie wartości pól w formularzu do zmiennych (pola o nazwach a i b nie istnieją).
- Odnośnie samego działania - tutaj masz gotowe rozwiązanie.
- Jeśli występuje problem z ciągłym ładowaniem strony to tutaj masz odpowiedź.
- Ustaw sobie kodowanie dla poprawnego wyświetlania polskich znaków:
<head> <meta charset="UTF-8"> </head>
Nie do końca rozumiem jak mam to zrobić. Jest to kompletnie coś innego niż to co do tej pory napisałem
- Problem dotyczy linii numer 8-10 w twoim kodzie. Przypisujesz do zmiennych: imie, **nazwisko **i **wiek **wartości pól z formularza. W taki sposób jaki to robisz pobierasz **input **odnosząc się do atrybutu name. Chodzi mi o zapis
imie = formularz.a.value;
Gdzie a to wartość atrybutu name danego pola.
W twoim przypadku powinno to wyglądać tak:
imie = formularz.imie.value;
- Popatrz na zaakceptowaną odpowiedź. U Ciebie zmienna **val **to np. imie. Pobrałeś ją w punkcie pierwszym.
Zmienna tbl to może być tekst, który chcesz wyświetlić:
wyświetleniu tych danych w formie (Imię:"Wpisane imię" itd)
Zmienna **w** otwiera Ci nową stronę, do której wprowadzasz wcześniej ustawiony tekst w zmiennej **tbl**.
Wymyśliłem takie coś:
https://jsfiddle.net/Le194v0t/
Nie uwzględniłem 'nowego okna' bo nie bardzo rozumiem
co to ma być.
Nie użyłem onClick .
Może nauczyciel da Ci 6 jak zobaczy że oddzielasz wygląd od logiki aplikacji ;-)
<script type="text/javascript">
window.onload = function(){
document.getElementById('calc').onclick = function() {
var name = document.getElementById('name').value,
surname = document.getElementById('surname').value,
age = document.getElementById('age').value;
if(name !== null && name !== '' &&
surname !== null && surname !== '' &&
age !== null && age !== '') {
document.write("Twoje imie: " + name + "<br>Twoje naziwsko: " + surname + "<br>Twoj wiek: " + age);
} else {
alert('Wypelnij wszystkie pola');
}
}
};
</script>
<form name="form" action="">
Podaj imie: <input type="text" name="name" id="name"><br><br>
Podaj nazwisko: <input type="text" name="surname" id="surname"><br><br>
Podaj wiek: <input type="text" name="age" id="age"><br><br>
<input type="button" value="oblicz" id="calc">
</form>