Drukowana wersja tematu

Kliknij tu, aby zobaczyć temat w orginalnym formacie

Forum PHP.pl _ JavaScript _ Wyświetlanie zawartości tablicy JS

Napisany przez: david8213 25.11.2018, 10:49:31

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

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



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

Napisany przez: Tomplus 25.11.2018, 12:19:30

To powinno pomóc

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

Napisany przez: david8213 25.11.2018, 12:33:24

Nadal nie wyświetla zawartości tablicy na stornie

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

Napisany przez: Tomplus 25.11.2018, 15:25:41

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

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

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

Napisany przez: 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

Napisany przez: 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 += "<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[1][3];
document.getElementById('pokaz').innerHTML += "<br>TYP: " + tab[2][0] + ", srednica: " + tab[2][1] + ", dlugosc: " + tab[2][2]+ ", cena: " + tab[2][3];

Napisany przez: david8213 26.11.2018, 06:10:39

Faktycznie działa tylko trzeba :

[HTML] pobierz, plaintext 
  1.  <http://december.com/html/4/element/p.html id="pokaz"> </http://december.com/html/4/element/p.html>
[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

Napisany przez: 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.

Napisany przez: david8213 26.11.2018, 22:11:55

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

Powered by Invision Power Board (http://www.invisionboard.com)
© Invision Power Services (http://www.invisionpower.com)