jquery lightbox

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