Forum PHP.pl > Wyświetlanie zawartości tablicy JS

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: Wyświetlanie zawartości tablicy JS

Forum PHP.pl > Forum > Po stronie przeglądarki > JavaScript

david8213

25.11.2018, 10:49:31

Jak wyswietlić dane z tablicy na stronie.
Poniżej nie działa

[PHP] pobierz, plaintext 
<script>
 
const tab = [];
tab[0] = ['standardowa' , '200', '4', '955,07', '36x36', '43'];
tab[1] = ['standardowa' , '180', '5', '1083,67', '36x36', '43'];
tab[2] = ['standardowa' , '160', '6', '1212,27', '36x36', '43'];
 
console.log('TYP: ' + tab[0][0] + ', srednica: ' + tab[0][1] + ', dlugosc: ' + tab[0][2]+ ', cena: ' + tab[0][3]);
console.log('TYP: ' + tab[1][0] + ', srednica: ' + tab[1][1] + ', dlugosc: ' + tab[1][2] + ', cena: ' + tab[1][3]);
console.log('TYP: ' + tab[2][0] + ', srednica: ' + tab[2][1] + ', dlugosc: ' + tab[2][2] + ', cena: ' + tab[2][3]);
 
</script>
[PHP] pobierz, plaintext

[PHP] pobierz, plaintext 
<script type="text/javascript">
 
var tab = [];
tab[0] = ["standardowa" , "200", "4", "955,07", "36x36", "43"];
tab[1] = ["standardowa" , "180", "5", "1083,67", "36x36", "43"];
tab[2] = ["standardowa" , "160", "6", "1212,27", "36x36", "43"];
 
document.write("TYP: " + tab[0][0] + ", srednica: " + tab[0][1] + ", dlugosc: " + tab[0][2]+ ", cena: " + tab[0][3]);
document.write("TYP: " + tab[1][0] + ", srednica: " + tab[1][1] + ", dlugosc: " + tab[1][2] + ", cena: " + tab[1][3]);
document.write("TYP: " + tab[2][0] + ", srednica: " + tab[2][1] + ", dlugosc: " + tab[2][2] + ", cena: " + tab[2][3]);
 
</script>
[PHP] pobierz, plaintext

Tomplus

25.11.2018, 12:19:30

To powinno pomóc

Kod

document.getElementById('elementZjakimsID').innerHTML += " "TYP: " + tab[0][0] + ", srednica: " + tab[0][1] + ", dlugosc: " + tab[0][2]+ ", cena: " + tab[0][3];
document.getElementById('elementZjakimsID').innerHTML += " "TYP: " + tab[1][0] + ", srednica: " + tab[1][1] + ", dlugosc: " + tab[1][2]+ ", cena: " + tab[0][3];
document.getElementById('elementZjakimsID').innerHTML += " "TYP: " + tab[2][0] + ", srednica: " + tab[2][1] + ", dlugosc: " + tab[2][2]+ ", cena: " + tab[0][3];

david8213

25.11.2018, 12:33:24

Nadal nie wyświetla zawartości tablicy na stornie

[PHP] pobierz, plaintext 
<script>
 
var tab = [];
tab[0] = ["standardowa" , "200", "4", "955,07", "36x36", "43"];
tab[1] = ["standardowa" , "180", "5", "1083,67", "36x36", "43"];
tab[2] = ["standardowa" , "160", "6", "1212,27", "36x36", "43"];
 
 
document.getElementById('pokaz').innerHTML += '<br>"TYP: " + tab[0][0] + ", srednica: " + tab[0][1] + ", dlugosc: " + tab[0][2]+ ", cena: " + tab[0][3];
document.getElementById('pokaz').innerHTML += '<br>"TYP: " + tab[1][0] + ", srednica: " + tab[1][1] + ", dlugosc: " + tab[1][2]+ ", cena: " + tab[0][3];
document.getElementById('pokaz').innerHTML += '<br>"TYP: " + tab[2][0] + ", srednica: " + tab[2][1] + ", dlugosc: " + tab[2][2]+ ", cena: " + tab[0][3];
</script>
 
 
<p id="pokaz"> </p>
[PHP] pobierz, plaintext

Tomplus

25.11.2018, 15:25:41

Może dlatego że ja miałem błąd.

przed był pojedyńczy apostrof, a powinien być podwójny.

Sprawdzałeś konsolę?
Powinien być jakiś błąd.

david8213

25.11.2018, 16:06:26

ten błąd wychwyciłem i poprawiłem ale nadal nie działało.

Nic nie wyswietla. Strona jest pusta

Tomplus

25.11.2018, 17:48:39

Działa: spójrz tutaj:
http://jsfiddle.net/jtwcvkf8/

Kod

var tab = [];
tab[0] = ["standardowa" , "200", "4", "955,07", "36x36", "43"];
tab[1] = ["standardowa" , "180", "5", "1083,67", "36x36", "43"];
tab[2] = ["standardowa" , "160", "6", "1212,27", "36x36", "43"];

document.getElementById('pokaz').innerHTML += " TYP: " + tab[0][0] + ", srednica: " + tab[0][1] + ", dlugosc: " + tab[0][2]+ ", cena: " + tab[0][3];
document.getElementById('pokaz').innerHTML += " TYP: " + tab[1][0] + ", srednica: " + tab[1][1] + ", dlugosc: " + tab[1][2]+ ", cena: " + tab[1][3];
document.getElementById('pokaz').innerHTML += " TYP: " + tab[2][0] + ", srednica: " + tab[2][1] + ", dlugosc: " + tab[2][2]+ ", cena: " + tab[2][3];

david8213

26.11.2018, 06:10:39

Faktycznie działa tylko trzeba :

[HTML] pobierz, plaintext 
 <p id="pokaz"> </p>
[HTML] pobierz, plaintext

wstawić nad skryptem, za.. nie działa

Dziękuję

Czy można za pomocą formularza wyciągać dane z tej tablicy?
Np. w formularzu podaję typ, średnicę i długość . Po podaniu tych parametrów wyświetla mi się cena.
Czy tablica to dobre rozwiązanie czy można zrobić to lepiej ?

Jak wyciągnąć te dane z formularza?

Do tej pory robiłem to na zmiennych ale mam ich mnóstwo ... Będzie około 400

Tomplus

26.11.2018, 06:56:20

To ten wątek ma zamienić się w kurs JS?

Poczytaj sobie o funkcjach jakie ma JS, ewetualnie skorzystaj z jakiegoś frameworka np. popularny jQuery i działaj.

Korzystanie z tablic to dobre rozwiązanie, szczególnie że w przyszłości będziesz pewnie chciał aby te zmienne były w zewnętrznym pliku, a nie w kodzie JS.

david8213

26.11.2018, 22:11:55

Nie musi się zamieniać w kurs ale przykład mógłby ktoś podać ...

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.