[PHP][jQuery] - PopUp + przekazanie wartości zmiennej Opcje

[peja1990]

Witam, mam MEGA problem !
Mianowicie mam wyciągnięte rekordy z bazy danych mySQL, które (to chyba normalne) mają nadane unikalne ID.
Chcę zrobić aby po kliknięciu w ikonkę wybranego rekordu otworzyło się okienko PopUp z mini formularzem, który po wypełnieniu UPDATE'uje wartości wybranego wcześniej rekordu.
Jednak jak okienko PopUp nie wywołuje adresu odsyłacza tylko od razu je "odpala".
Próbowałem na wszelkie sposoby i nie idzie przekazać wartości zmiennej do takiego okienka (chodzi o ID rekordu) aby formularz zUPDATE'ował odpowiedni rekord.

Nie widzę innego sposobu jak przekazać wartość tej zmiennej czyli ID rekordu przez skrypt jQuery, jednak że nie znam jQuery zwracam się z prośbą do Was abyście mi pomogli z przekazaniem tej zmiennej do skryptu jQ.

Na poniższym obrazku przedstawiam ikonkę, która po najechaniu na nią ma zdefiniowany odpowiedni adres (czyli z ID rekordu [&file=ID]).


Skrypt jQ:

[PHP] pobierz, plaintext 
$(document).ready(function(){
	//When you click on a link with class of poplight and the href starts with a # 
	$('a.poplight[href^=#]').click(function() {
		var popID = $(this).attr('rel'); //Get Popup Name
		var popURL = $(this).attr('href'); //Get Popup href to define size
 
		//Pull Query & Variables from href URL
		var query= popURL.split('?');
		var dim= query[1].split('&');
		var popWidth = dim[0].split('=')[1]; //Gets the first query string value
 
		//Fade in the Popup and add close button
		$('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"><img src="close_pop.png" class="btn_close" title="Zamknij" alt="Zamknij" /></a>');
 
		//Define margin for center alignment (vertical + horizontal) - we add 80 to the height/width to accomodate for the padding + border width defined in the css
		var popMargTop = ($('#' + popID).height() + 80) / 2;
		var popMargLeft = ($('#' + popID).width() + 80) / 2;
 
		//Apply Margin to Popup
		$('#' + popID).css({ 
			'margin-top' : -popMargTop,
			'margin-left' : -popMargLeft
		});
 
		//Fade in Background
		$('body').append('<div id="fade"></div>'); //Add the fade layer to bottom of the body tag.
		$('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer 
 
		return false;
	});
 
	//Close Popups and Fade Layer
	$('a.close, #fade').live('click', function() { //When clicking on the close or fade layer...
	  	$('#fade , .popup_block').fadeOut(function() {
			$('#fade, a.close').remove();  
	}); //fade them both out
 
		return false;
	});
 
});
[PHP] pobierz, plaintext 

Za pomoc będę niezmiernie wdzięczny.
Za każdą odpowiedź daję "POMÓGŁ" !

[kudlatypawelek]

Cześć !

Sugeruję użycie którejś z bibliotek do jQuery z kategorii "Modal": http://choosedaily.com/1178/15-jquery-popu...gins-tutorials/. Osobiście stosowałem kiedyś jqModal -> http://dev.iceburg.net/jquery/jqModal/. Graficznie nie powala, ale ma obsługę wielu przydatnych funkcji. Ajaxem musisz przesłać ID do php, żeby wydłubać wcześniej zapisane dane w bazie. Prepopulujesz formę tymi danymi i wysyłasz ją z powrotem do jQuery (to wciąż ajax); następnie renderujesz formę w popupie i znowu ajaxem robisz update. Jeżeli gdzieś się pomyliłem to proszę o korektę .

Ten post edytował kudlatypawelek 22.07.2011, 10:59:58

[peja1990]

Znalazłem już inne rozwiązanie bo nie mogłem czekać, ale przyglądnę się temu skryptowi bo zapewne jeszcze nieraz mi się on przyda. Dzięki Pomógł, poleciał