[AJAX][PHP]Przeliczanie po wybraniu opcji z selekta Opcje

[pawel06281990]

Witam,

Proszę was o pomoc bo to jest dla mnie wyższa szkoła jazdy a potrzebuje tego więc tłumacze o co mi chodzi.

Mam 3 elementy w których będzie kwota ale każda kwota jest inna i chce zrobić aby po wybraniu Kwoty się sumowały np. mam element tkanina kosztuje 50 w następnym elemencie mam wzór kosztuje 180 oraz kolor tkaniny 40 zł i chce żeby się to sumowało + vat o oczywiście zapomogą ajax'sa.

Mam nadzieje ze dobrze wytłumaczyłem o co mi chodzi

[trueblue]

A po co za pomocą Ajaxa?
Obsługujesz kliknięcie każdego elementu, sumujesz ceny tylko z zaznaczonych i gotowe.

[pawel06281990]

Ajax do tego aby na dole gdzie wyświetlać ma mi ceny sumowane chce aby był taki kręcący się gif i bez przeładowywania strony.

To ja wiem ale jak zrobić to w praktyce. o to mi chodzi

bo mam taki formularz

[PHP] pobierz, plaintext 
<div class="col-4">
    <label for="formGroupExampleInput">Example label</label>
    <input type="number" class="form-control" id="formGroupExampleInput" value="<?php echo $product['min'];?>"	min="<?php echo $product['min'];?>" max="<?php echo $product['max'];?>" pattern="[0-9]" placeholder="" style='width:410px;'>
 </div>
 <?php 
 if($product['pierwsza_pozycja'] =="1"){
	 ?>
 <div class="col-4">
  <label class="mr-sm-2" for="inlineFormCustomSelect">Preference</label>
  <select class="form-control" id="inlineFormCustomSelect" style='width:410px;'>
   <option selected value="<?php echo $product['cena'];?><"><?php echo $product['opcja'];?></option>
    <option value="<?php echo $product['cena_1'];?>"><?php echo $product['opcja_1'];?></option>
    <option value="<?php echo $product['cena_2'];?>"><?php echo $product['opcja_2'];?></option>
    <option value="<?php echo $product['cena_3'];?>"><?php echo $product['opcja_3'];?></option>
	 <option value="<?php echo $product['cena_4'];?>"><?php echo $product['opcja_4'];?></option>
	  <option value="<?php echo $product['cena_5'];?>"><?php echo $product['opcja_5'];?></option>
  </select>
  </div>
 <?php
 }
  if($product['druga_pozycja']=="2"){
	  ?>
  <div class="col-4">
  <label class="mr-sm-2" for="inlineFormCustomSelect">Preference</label>
  <select class="form-control" id="inlineFormCustomSelect" style='width:410px;'>
    <option selected value="<?php echo $product['cena_6'];?><"><?php echo $product['opcja_6'];?></option>
    <option value="<?php echo $product['cena_7'];?>"><?php echo $product['opcja_7'];?></option>
    <option value="<?php echo $product['cena_8'];?>"><?php echo $product['opcja_8'];?></option>
    <option value="<?php echo $product['cena_9'];?>"><?php echo $product['opcja_9'];?></option>
 
  </select>
  </div>
  <?php
  }
  ?>
[PHP] pobierz, plaintext 

i mam taki skrypt to liczenia watu

[PHP] pobierz, plaintext 
	 $netto2 =number_format($product['cena']+$settings['wysylaka'], 2, ".", "");
 $brutto2 = number_format($netto2*(1+$settings['vat']/100), 2, ",", "");
[PHP] pobierz, plaintext 

Ale nie wiem jak zrobić aby sumowało mi cenę aktywną z tych formularzy (IMG:style_emoticons/default/questionmark.gif)

Dokładnie to chodzi mi o taki efekt http://sklep.sferapolska.pl/product/35x9x24_1

Ten post edytował pawel06281990 23.08.2018, 11:53:33

[nospor]

Ajax do tego aby na dole gdzie wyświetlać ma mi ceny sumowane chce aby był taki kręcący się gif i bez przeładowywania strony.

Jak juz wspomniano wczesniej AJAX ci do tego niepotrzebny. Wszelkie wyliczenia mozesz zrobic od razu w js i bedzie o niebo szybsze. Ale jak tam wolisz.

Co do AJAX co podales w innym temacie:
to sie zdecyduj albo robisz submit forma, albo slesz AJAX. Nie mozesz robic dwoch rzeczy na raz

[pawel06281990]

Dokładnie to chodzi mi o taki efekt http://sklep.sferapolska.pl/product/35x9x24_1

Tak jak podałem link chciałem mieć taki efekt żeby było.

I robię to i nie mogę tego zrobić

[nospor]

No a ja ci podalem odpowiedz. Zrobiles co ci napisalem?

[pawel06281990]

No a ja ci podalem odpowiedz. Zrobiles co ci napisalem?

Tylko jak mam to zrobić nigdy nie robiłem w js (IMG:style_emoticons/default/questionmark.gif)

Bo nie wiem czy się da zrobić po wybraniu danego element w select a on się zapisze do bazy, bez przeładowania się strony a on będzie oznaczony w checked='checked'.

Z czołem pisać ale coś mi nie wychodzi

[PHP] pobierz, plaintext 
$result = dbquery("SELECT tac.kategoria, tac.tytul, tac.tytul, tac.images, tac.cena, tac.product_id, tac.min, tac.max, tac.promocja, 
tac.pierwsza_pozycja, tac.druga_pozycja, tac.cena, 
tac.opcja, tac.cena_1, tac.opcja_1, tac.cena_2, 
tac.opcja_2,tac.cena_3, tac.opcja_3, tac.cena_4,
 tac.opcja_4, tac.cena_5, tac.opcja_5, tac.cena_6, 
 tac.opcja_6, tac.cena_7, tac.opcja_7, tac.cena_8, 
 tac.opcja_8, tac.cena_9, tac.opcja_9 , tac.kwota_dodatku, 
 ta.przyrostek_categori, wt.opis_towaru, wt.cena_towaru, wt.cena_1, wt.opis_1
 FROM ".$db_prefix."product tac  
INNER JOIN ".$db_prefix."category ta ON tac.kategoria=ta.przyrostek_categori
LEFT JOIN ".$db_prefix."wybrany_towar wt ON wt.wybrany_towar_id=tac.product_id
WHERE kategoria='".$_GET['kategoria']."' AND product_id='".$_GET['product_id']."'");
$product = dbarray($result);
 
if(dbrows(dbquery("SELECT wybrany_towar_id FROM ".$db_prefix."wybrany_towar WHERE wybrany_towar_id='".$product['product_id']."' limit 1" ))){
$aktywne_pole="checked='checked'";
}else{
	$aktywne_pole="";
}
 
if ($product['opis_towaru']){
	 	$opis_towaru=$product['opis_towaru'];
	$opis_towaru1=$product['opcja_1'];
	$opis_towaru2=$product['opcja_2'];
	$opis_towaru3=$product['opcja_3'];
	$opis_towaru4=$product['opcja_4'];
	$cene=$product['cena'];
	$opis_towaru5=$product['opis_1'];
	$opis_towaru6=$product['opcja_6'];
	$opis_towaru7=$product['opcja_7'];
	$opis_towaru8=$product['opcja_8'];
	$opis_towaru9=$product['opcja_9'];
	$opis_towaru1= $product['opis_1'];
    $cena=$product['cena_towaru'];
$cena1=$product['cena_1'];
		 $netto2 =number_format($cene+$cena1+$settings['wysylaka'], 2, ".", "");
 $brutto2 = number_format($netto2*(1+$settings['vat']/100), 2, ",", "");
}else{
 
	$opis_towaru=$product['opcja'];
	$opis_towaru1=$product['opcja_1'];
	$opis_towaru2=$product['opcja_2'];
	$opis_towaru3=$product['opcja_3'];
	$opis_towaru4=$product['opcja_4'];
	$cene=$product['cena'];
	$opis_towaru5=$product['opcja_5'];
	$opis_towaru6=$product['opcja_6'];
	$opis_towaru7=$product['opcja_7'];
	$opis_towaru8=$product['opcja_8'];
	$opis_towaru9=$product['opcja_9'];
 
	$cene1=$product['cena_1'];
	 $netto2 =number_format($cene+$cene+$_POST['cena']+$_POST['cena1']+$settings['wysylaka'], 2, ".", "");
 $brutto2 = number_format($netto2*(1+$settings['vat']/100), 2, ",", "");
}
[PHP] pobierz, plaintext 

a tu kod html

[HTML] pobierz, plaintext 
<form class="autoSubmit" method='post' action="">
						 <div class="col-4">
    <label for="formGroupExampleInput">Example label</label>
	    <input name="cena1" type="hidden" class="form-control" id="sumuj"  value="<?php echo $product['kwota_dodatku'];?>" placeholder="" style='width:410px;'>
    <input name="cena1" type="number" class="form-control" id="formGroupExampleInput sumuj"  value="<?php echo $product['min'];?>" 	min="<?php echo $product['min'];?>" max="<?php echo $product['max'];?>" pattern="[0-9]" placeholder="" style='width:410px;'>
 </div>
 
 <div class="col-4">
  <label class="mr-sm-2" for="inlineFormCustomSelect">Preference</label>
  <select id="inlineFormCustomSelect " name="cena2" class="form-control"  style='width:410px;'>
   <option value"<?php echo $cena;?>" <?php echo $aktywne_pole;?>><?php echo $opis_towaru;?></option>
    <option  value"<?php echo $cena;?>" <?php echo $aktywne_pole;?>><?php echo $opis_towaru1;?></option>
   <?php echo "<option value'".$cena."' ".$aktywne_pole." >".$opis_towaru2."</option>";?>
    <option value"<?php echo $cena;?>" <?php echo $aktywne_pole;?>><?php echo $opis_towaru3;?></option>
    <option value"<?php echo $cena;?>" <?php echo $aktywne_pole;?>><?php echo $opis_towaru4;?></option>
  </select>
  </div>
 
 
  <div class="col-4">
  <label class="mr-sm-2" for="inlineFormCustomSelect">Preference</label>
  <select id="kolejna_cena"  name="cena" class="form-control" style='width:410px;'>
    <option value"<?php echo $cena1;?>" <?php echo $aktywne_pole;?>><?php echo $opis_towaru5;?></option>
    <option  value"<?php echo $cena;?>"><?php echo $opis_towaru6;?></option>
   <?php echo "<option value'".$cena1."'>".$opis_towaru7."</option>";?>
    <option value"<?php echo $cena1;?>"><?php echo $opis_towaru8;?></option>
    <option value"<?php echo $cena1;?>"><?php echo $opis_towaru9;?></option>
 
  </select>
    </div>
 
 
 
   <div class="col-4">
    <label for="exampleFormControlTextarea2">Small textarea</label>
    <textarea class="form-control rounded-0" id="exampleFormControlTextarea2" rows="3" style='width:410px;'></textarea>
</div>
 
</form>
  <script src="https://code.jquery.com/jquery-1.10.2.js"></script>
  <script type="text/javascript">
 $('.autoSubmit').change(function () {
    const el = $(this);
    let form;
 
    if (el.is('form')) { form = el; }
    else { form = el.closest('form'); }
 
 
	$("#maska").show();
	$("#maska").prepend(' <img style="margin-bottom: -17px;" src="../images/ajax-loading.gif" />');
 form.submit();
});
 
 
	  </script>
[HTML] pobierz, plaintext 

Gdzie robię błąd (IMG:style_emoticons/default/questionmark.gif)

Ten post edytował pawel06281990 24.08.2018, 16:10:55

[nospor]

Tylko jak mam to zrobić nigdy nie robiłem w js

Akurat mowilem o uwadze, ktora zrobilem na temat twojego AJAX a w ktorym to najpierw robiles submit forma a potem AJAXa... Mowie jeszcze raz: nie mozesz robic dwoch rzeczy na raz. Jak robisz ajax to submit forma masz wywalic

[pawel06281990]

ok rozumiem ajax nie współpracuje z js.

To teraz podaj mi przykład jak mam zrobić abym nie miał guzika i żeby się submit wywoływał po wybraniu z selecta.(IMG:style_emoticons/default/questionmark.gif)

[nospor]

ok rozumiem ajax nie współpracuje z js.

No dobra, a jak do tego doszedles? Bo ja nic takiego nie napisalem przeciez. Zeby nie bylo: twoje zrozumienie jest bledne. Ajax dosc mocno wspolpracuje z js

i żeby się submit wywoływał po wybraniu z selecta.

A po co ma ci sie submit wywolywac po wybraniu selecta?

[pawel06281990]

Dokładnie to chodzi mi o taki efekt http://sklep.sferapolska.pl/product/35x9x24_1

Widziałeś te stronę a chce osiągnąć ten sam efekt bo mi jest to potrzebne sprawdź i wybierz z pola select jakąś opcje i zobacz o co mi chodzi bo wiudzię to mnie nie rozumiesz.

Pier karzesz wyrzucić teraz mówisz ze współpracuje to ja już zgłupiałem i nie wiem co mam robić (IMG:style_emoticons/default/wacko.gif)

[nospor]

Ja na te stronie bylem i doskonale wiem co chcesz osiagnac.

Pier karzesz wyrzucić

No widzisz... tak to jest jak nie czytasz co ci pisza. Ja ci nie kazalem wyrzucac ajax tylko submit forma. No ale po co czytac ze zrozumieniem, lepiej siedziec i gderac... na pewno ktos sie zlituje nad taka maruda i poda gotowca. Milego weekendu (IMG:style_emoticons/default/smile.gif)

[pawel06281990]

Ja skrypt usunąłem cały i się nic nie dowiedziałem co gdzie i jak to zrobić.