Witam,
chcę zrobić w jquery lightbox takie okienko, które wyskakuje z formularzem, ale mam problem z przekazywaniem danych i zmieszanie tego z kodem PHP?
W PHP robi się to przez GET. A jak to jest w jquery? Jaka jest odpowiednia funkcja do pobierania danych??
Chyba chodzi Ci o jQuery ? http://jquery.com/
Widzę kolega się zna :> To teraz chwal się wiedzą :P hehe
Nie, nie znam sie w ogole na technologiach webowych. Po prostu wiem, jak nazywa sie ta biblioteka ;p
chyba niczego mądrego się tu nie dowiem
Póki nie napiszesz czegoś sensownego, to nie.
Edit: Yeah, 300 post ;)
Co ty kombinujesz? Jakie GET, jakie JS? Jak chcesz pobrać wartość konkretnego pola, to najłatwiej nadać mu ID:
<input type="text" name="costam" id="costam">
(Nie musi być takie samo jak name
)
I później przez JS możesz się odwołać do jego właściwości:
document.getElementById('costam').value //<-- to co jest wpisane w polu id="costam"
Opisz dokładnie co robisz i jaki efekt chcesz uzyskać, ciężko z opisu wywnioskować.
Patryk27 napisał(a)
chyba niczego mądrego się tu nie dowiem
Póki nie napiszesz czegoś sensownego, to nie.
Edit: Yeah, 300 post ;)
Jestem tu krócej od ciebie i mam około 2 tysięcy, wtf?
Na tej stronie jest przykład:
http://particletree.com/examples/lightbox/
Jak klikniesz na "Submit an Inquiry", wyskakuje przykładowe okienko z formularzem. Chcę dokładnie takie formularze porobić, wpisuje coś np Imię, Nazwisko i klikam "zapisz" i zapisuje mi to do bazy. Tylko mam problem z przekazaniem danych Imie i Nazwisko ??? Nie wiem jak to zapisać w JS, a poźniej w PHP??? Po jednym kliknięciu w przycisk (zapisz) ma od razu zapisać dane do bazy danych (MySQL) bez żadnych dodatkowych podstron. Czytałem na forum, że to coś z funkcją Click(), ale nie wiem coś mi tu nie pasuje :/ ? Czy ktoś pomoże ?
Na tej stronie na dole jest link do pobrania kodu źródłowego...
A to jest kod odpowiedzialny za ten formularz, tzn sam HTML:
<form id="form">
<h2>Example Form</h2>
<ul>
<li>
<label>Name</label><br />
<input id="" type="text" />
</li>
<li>
<label>Message</label><br />
<textarea></textarea>
</li>
<li>
<input type="checkbox" value="" />
<label>Keep me updated about Particletree Projects.</label>
</li>
<li>
<a href="image.html" class="lbAction" rel="insert"><button>Submit</button></a>
<a href="#" class="lbAction" rel="deactivate"><button>Cancel</button></a>
</li>
</ul>
</form>
Jak przerobić ten kod, żeby wykonywał to co opisałem wyżej?
Robisz:
<form id="form" action="http://adres-strony/plik.php">
<!-- dalsza czesc -->
Teraz JavaScript (jQuery):
$(document).ready(function()
{
$('#form').submit(function()
{
$.post(this.action, {/* tutaj przekacujesz dane z formularza do pliku PHP*/}, function(data)
{
// akcja po wczytaniu formularza -- udalo sie!
}
}
});
tutaj przekacujesz dane
z formularza do pliku
PHP
Ale jak to uczynić? Może jakiś przykładowy kod??
<input id="a" type="text" />
$(document).ready(function()
{
$('#form').submit(function()
{
$.post(this.action, {
a=$_GET;
b=$_POST;
}, function(data)
{
// akcja po wczytaniu formularza -- udalo sie!
}
}
});
Polecam pouczyc sie jQuery! Koniecznie http://api.jquery.com
Wartosc danego POLA (nie z wartosci z GET!!) mozesz odczytac przy pomocy:
$('input[name=nazwa_pola]').val();
Tak wiec chcac przekazac do pliku PHP ajaxowe zadanie:
// ...
$.post('http://serwer.com/foo.php', {foo: $('input[name=foo]', this).val()}, function(data) { // ...
coś takiego : ?
$(document).ready(function()
{
$('#form').submit(function()
{
$.post(this.action, {
$.post('index.php', {a: $('input[name=a]', this).val()},
$.post('index.php', {b: $('input[name=b]', this).val()}, function(data)
$.post('index.php', {c: $('input[name=c]', this).val()}, function(data)
$.post('index.php', {d: $('input[name=d]', this).val()}, function(data)
}, function(data)
{
// akcja po wczytaniu formularza -- udalo sie!
}
}
});
<form id="form" action="index.php">
<h2>Example Form</h2>
<ul>
<li>
<label>1</label><br />
<input id="a" name="a" type="text" />
</li>
<li>
<label>2</label><br />
<input id="b" name="b" type="text" />
</li>
<li>
<label>3</label><br />
<input id="c" name="c" type="text" />
</li>
<li>
<label>f</label><br />
<input id="d" name="d" type="text" />
</li>
<li>
<input type="checkbox" value="" />
<label>Keep me updated about Particletree Projects.</label>
</li>
<li>
<a href="#" class="lbAction" rel="deactivate"><button>Submit</button></a>
<a href="#" class="lbAction" rel="deactivate"><button>Cancel</button></a>
</li>
</ul>
</form>
Nie!
$.post()
wysyla zadania AJAX do serwera Tym sposobem wielokrotnie wysylasz te same/podobne zadania. Poczytaj dokumentacje jQuery. Ja juz Ci nie pomoge bo mi rece opadaja.
okay, biorę się za kurs jQuery!! można zamknąć temat etc :D pozdrooo