Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
 Reply to this topicStart new topic
> [CSS][JavaScript] Dynamiczne dodawanie inputów a zliczanie i działanie CSS
d0m1n1k_
post
Post #1





Grupa: Zarejestrowani
Postów: 208
Pomógł: 3
Dołączył: 13.07.2009
Skąd: Tarnów

Ostrzeżenie: (0%)
-----

Witam,
pisząc aplikację do wystawiania faktur napotkałem pewien problem. A w zasadzie garść problemów.

Zależy mi na wyglądzie i responsywności dlatego korzystam z bibliotek CSS które dają wszystko czego potrzebuję.
Niestety wystawianie faktur wymaga abym mógł dynamicznie dodawać zestawy inputów do dodawania pozycji na fakturze.
I tu zaczęły się schody.

Inputy są dodawane, jednak nie są "tak piękne" jak być powinny. Wygląda na to, jakby skrypt brał tylko najpotrzebniejsze dane z css'a a te mniej istotne olewał.

[PHP] pobierz, plaintext 
  1. <div class="md-card-content">
  2. 	<div class="uk-grid" id="myTabContent" data-uk-grid-margin>
  3. 		<!-- Tu podawane są nowe pozycje -->
  4. 	</div>
  5. </div>
  6.  
  7. <script type='text/javascript'>
  8. var z = 2;
  9. //<![CDATA[
  10. 	$(function () {
  11.  
  12. 		$("#btn").click(function () {
  13. 			$('#myTabContent').append(
  14. 				'<div class="uk-width-medium-1-10"><div class="uk-form-row">	<input name="fvat_pozycja_lp_'+(z)+'" type="text" value="'+(z)+'." class="md-input"  /></div></div><div class="uk-width-medium-2-10"><div class="uk-form-row">	<input name="fvat_pozycja_towar_'+(z)+'" type="text" class="md-input"  /></div></div><div class="uk-width-medium-1-10"><div class="uk-form-row"><input name="fvat_pozycja_ilosc_'+(z)+'" type="text" onkeyup="licz_'+(z)+'(this.form)" class="md-input"  /></div></div><div class="uk-width-medium-2-10"><div class="uk-form-row"><input name="fvat_pozycja_netto_'+(z)+'" type="text" onkeyup="licz_'+(z)+'(this.form)" class="md-input"  /></div></div><div class="uk-width-medium-1-10"><div class="uk-form-row"><select name="fvat_pozycja_vat_1'+(z)+' id="select_demo_1" onkeyup="licz_'+(z)+'(this.form)" data-md-selectize><option value="1.08">8%</option><option value="1.23">23%</option></select></div></div><div class="uk-width-medium-2-10"><div class="uk-form-row"><input name="fvat_pozycja_brutto_'+(z)+'" type="text" class="md-input" /></div></div>');
  15. 			console.log($(".searchInput"));
  16. 			z++;
  17. 			$(".searchInput").autocomplete({
  18. 				source: availableTags
  19. 			});
  20. 		});
  21. 	});
  22. //]]>
  23. </script>
[PHP] pobierz, plaintext


Druga sprawa to zliczanie "w locie" działania (ilość x vat x cena netto) = wartość brutto, jak to poprawnie wykonać bo na chwilę obecną udało mi się tylko takie działanie dla pierwszego pola (które jest od początku), ale też nie działa wybitnie dobrze...

[PHP] pobierz, plaintext 
  1. <script language="javascript">
  2. function licz_1(x){
  3. x.fvat_pozycja_brutto_1.value=(x.fvat_pozycja_vat_1.value)*(+x.fvat_pozycja_netto_1.value)*(+x.fvat_pozycja_ilosc_1.value)
  4. }
  5. </script>
[PHP] pobierz, plaintext


Będę bardzo wdzięczny za każdą pomoc.
Pozdrawiam!
Go to the top of the page
+Quote Post
Randallmaster
post
Post #2





Grupa: Zarejestrowani
Postów: 677
Pomógł: 11
Dołączył: 18.11.2009

Ostrzeżenie: (0%)
-----

Może się przyda: http://jsfiddle.net/sqrrt/3/

Jeżeli chodzi o style sprawdź czy odpowiednio je zaimplementowałeś.

Zliczanie co to znaczy że nie wybitnie działa?
Go to the top of the page
+Quote Post
d0m1n1k_
post
Post #3





Grupa: Zarejestrowani
Postów: 208
Pomógł: 3
Dołączył: 13.07.2009
Skąd: Tarnów

Ostrzeżenie: (0%)
-----

Cytat(Randallmaster @ 21.09.2015, 18:17:48 ) *
Jeżeli chodzi o style sprawdź czy odpowiednio je zaimplementowałeś.


Nie implementuję przez skrypt a jedynie tradycyjnie w <head></head>

Cytat(Randallmaster @ 21.09.2015, 18:17:48 ) *
Zliczanie co to znaczy że nie wybitnie działa?


To znaczy, że:
Wpisując pierwszą wartość do input'a ilość (np. 10), w polu wartość brutto pojawia się 0.
Wpisując drugą wartość (np. 10), nadal widzimy 0 w polu wartości brutto.
Wybierając wartość vat (np. 23%), nadal jest zero.
Potem klikając w pole Wartość brutto nic się nie dzieje (bez tego nic się nie pojawi w następnym kroku),
ale dzięki temu, po zmianie wartości w którymś z dwóch pierwszych inputach (powiedzmy pierwszy zamiast 10 dajemy 100) pojawia się wynik (1230).

Pisząc, że działa (nie)wybitnie, a raczej upośledzenie mam na myśli powyższe zachowanie.
Go to the top of the page
+Quote Post
« Następny starszy · Przedszkole · Następny nowszy »
 

Reply to this topicStart new topic
2 Użytkowników czyta ten temat (2 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 

Tryb wyświetlania: Standardowy · Przełącz na: Linearny+ · Przełącz na: Drzewo

Śledź ten temat · Wyślij temat na e-mail · Wydrukuj ten temat · Subskrybuj to forum

RSS Aktualny czas: 23.08.2025 - 02:26
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn