Mam problem ze skryptem w technologii JavaScript.
A mianowicie chodzi mi o to, że mam skrypt działający poprawnie, ale jeżeli użyję opcji CHECKBOX'a to wysyła mi do bazy MySQL (bez znaczenia co zaznaczę), wysyła wartosc pierwszej opcji "value", a chcę aby wysyłało wszystkie, które zaznaczę.
Oto skrypt:
Kod: Zaznacz cały
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-type" content="text/html; charset=iso-8859-2">
<link href="../css/style.css" rel="stylesheet" type="text/css" />
<script src="../zamowienie/jquery-latest.js"></script>
<style type="text/css">
.tick {
vertical-align: middle;
margin: -2px 6px 0px 0px;
padding: 0;
}
.error {
vertical-align: middle;
margin: -2px 6px 0px 0px;
padding: 0;
}
.info {
margin: 0;
padding: 0px 0px 0px 13px;
}
</style>
<script type="text/javascript">
$(document).ready(function(){
$("form#submit").submit(function() {
// Przechwytujemy wartości z formularza i przesyłamy je do pliku insert.php
var imie = $('input[name=imie]');
var nazwisko = $('input[name=nazwisko]');
var nazwa_firmy = $('input[name=nazwa_firmy]');
var email = $('input[name=email]');
var telefon = $('input[name=telefon]');
var nazwa_serwisu = $('input[name=nazwa_serwisu]');
var tematyka = $('input[name=tematyka]');
var kolorystyka = $('input[name=kolorystyka]');
var czas_na_realizacje = $('input[name=czas_na_realizacje]');
var platnosc = $('input[name=platnosc]');
// Jeżeli pole jest puste wyświetlamy błąd i nie dodajemy rekordu
if(imie.val() == "") {
$('div.blad').fadeIn(400);
// Usuwamy wiadomość o błędzie po 4 sekundach
setTimeout(function(){ $("div.blad").fadeOut(400) }, 4000);
return false;
}
// Jeżeli pole jest puste wyświetlamy błąd i nie dodajemy rekordu
if(nazwisko.val() == "") {
$('div.blad').fadeIn(400);
// Usuwamy wiadomość o błędzie po 4 sekundach
setTimeout(function(){ $("div.blad").fadeOut(400) }, 4000);
return false;
}
// Jeżeli pole jest puste wyświetlamy błąd i nie dodajemy rekordu
if(email.val() == "") {
$('div.blad').fadeIn(400);
// Usuwamy wiadomość o błędzie po 4 sekundach
setTimeout(function(){ $("div.blad").fadeOut(400) }, 4000);
return false;
}
// Jeżeli pole jest puste wyświetlamy błąd i nie dodajemy rekordu
if(telefon.val() == "") {
$('div.blad').fadeIn(400);
// Usuwamy wiadomość o błędzie po 4 sekundach
setTimeout(function(){ $("div.blad").fadeOut(400) }, 4000);
return false;
}
// Jeżeli pole jest puste wyświetlamy błąd i nie dodajemy rekordu
if(nazwa_serwisu.val() == "") {
$('div.blad').fadeIn(400);
// Usuwamy wiadomość o błędzie po 4 sekundach
setTimeout(function(){ $("div.blad").fadeOut(400) }, 4000);
return false;
}
// Jeżeli pole jest puste wyświetlamy błąd i nie dodajemy rekordu
if(tematyka.val() == "") {
$('div.blad').fadeIn(400);
// Usuwamy wiadomość o błędzie po 4 sekundach
setTimeout(function(){ $("div.blad").fadeOut(400) }, 4000);
return false;
}
// Jeżeli pole jest puste wyświetlamy błąd i nie dodajemy rekordu
if(czas_na_realizacje.val() == "") {
$('div.blad').fadeIn(400);
// Usuwamy wiadomość o błędzie po 4 sekundach
setTimeout(function(){ $("div.blad").fadeOut(400) }, 4000);
return false;
}
// Jeżeli pole jest puste wyświetlamy błąd i nie dodajemy rekordu
if(platnosc.val() == "") {
$('div.blad').fadeIn(400);
// Usuwamy wiadomość o błędzie po 4 sekundach
setTimeout(function(){ $("div.blad").fadeOut(400) }, 4000);
return false;
}
var data = 'imie=' + imie.val() + '&nazwisko=' + nazwisko.val() + '&nazwa_firmy=' + nazwa_firmy.val() + '&email=' + email.val() + '&telefon=' + telefon.val() + '&nazwa_serwisu=' + nazwa_serwisu.val() + '&tematyka=' + tematyka.val() + '&kolorystyka=' + kolorystyka.val() + '&czas_na_realizacje=' + czas_na_realizacje.val() + '&platnosc=' + platnosc.val();
$.ajax({
type: "POST",
url: "zamowienie/insert.php",
data: data,
success: function(){
// Usuwamy wpisane dane
$('#imie').val('');
$('#nazwisko').val('');
$('#nazwa_firmy').val('');
$('#email').val('');
$('#telefon').val('');
$('#nazwa_serwisu').val('');
$('#tematyka').val('');
$('#kolorystyka').val('');
$('#czas_na_realizacje').val('');
$('#platnosc').val('');
// Wyświetlamy wiadomość o poprawnym dodaniu użytkownika
$('div.dodano').fadeIn(400);
// Usuwamy wiadomość o poprawnym dodaniu użytkownika po 4 sekundach
setTimeout(function(){ $("div.dodano").fadeOut(400) }, 4000);
}
});
return false;
});
});
</script>
</head>
<body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<table width="250" border="0" cellpadding="0" cellspacing="0" align="left">
<tr>
<td>
<div id="content">
<form id="submit" method="post" name="submit" action="">
<fieldset style="border: 0px;">
<label for="imie">Imię:</label>
<br />
<input type="text" name="imie" id="imie" size="20" />
<br />
<label for="nazwisko">Nazwisko:</label>
<br />
<input type="text" name="nazwisko" id="nazwisko" size="20" />
<br />
<label for="nazwa_firmy">Nazwa firmy:</label>
<br />
<input type="text" name="nazwa_firmy" id="nazwa_firmy" size="20" />
<br />
<label for="email">Adres e-Mail:</label>
<br />
<input type="text" name="email" id="email" size="20" />
<br />
<label for="telefon">Telefon:</label>
<br />
<input type="text" name="telefon" id="telefon" value="+48." size="20" />
<br />
<label for="nazwa_serwisu">Nazwa serwisu:</label>
<br />
<input type="text" name="nazwa_serwisu" id="nazwa_serwisu" size="20" />
<br />
<label for="tematyka">Tematyka:</label>
<br />
<input type="text" name="tematyka" id="tematyka" size="20" />
<br />
<label for="kolorystyka">Kolorystyka:</label>
<br />
<input type="checkbox" value="niebieski" name="kolorystyka" /> niebieski<br />
<input type="checkbox" value="czerwony" name="kolorystyka" /> czerwony<br />
<input type="checkbox" value="zielony" name="kolorystyka" /> zielony<br />
<input type="checkbox" value="pomarancz" name="kolorystyka" /> pomarańcz
<br />
<label for="czas_na_realizacje">Czas na realizację:</label>
<br />
<input type="text" name="czas_na_realizacje" id="czas_na_realizacje" size="20" />
<br />
<label for="platnosc">Płatność:</label>
<br />
<input type="text" name="platnosc" id="platnosc" size="20" />
<p align="right" style="padding-right: 10px;"><button type="submit" id="submit" class="dodaj_zlecenie"> </button></p>
</fieldset>
</form>
<div class="dodano" style="display:none;">
<img class="tick" src="zamowienie/tick.png" alt="" />Zamówienie zostało dodane do naszej bazy danych
</div>
<div class="blad" style="display:none;">
<img class="error" src="zamowienie/error.png" alt="" />Uzupełnij pola w formularzu!
</div>
</div>
</td>
</tr>
</table>
</body>
</html>
Będę niezmiernie wdzięczny.