Forum PHP.pl > [Ajax][PHP] jak to prosto połączyć

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: [Ajax][PHP] jak to prosto połączyć

dgcracker

5.03.2012, 19:41:36

Witam,

napotkałem na pewien problem, z którym (jako początkujący użytkownik ajaxa) nie mogę dać sobie rady. Sprawa wygląda następująco - mam działający system napisany w PHP. Wszystko działa OK ale nadeszła pora na mały facelifting i pomyślałem o dodaniu jquery ui - konkretnie dodaniu okienka dialog http://jqueryui.com/demos/dialog/#modal
No i tu pojawił się problem. Obecnie mam na stronie dynamicznie generowaną listę odnośników(z parametrami przekazywanymi metodą GET):

<a href="show.php?id_p=1&id_l=abc">jeden</a>
<a href="show.php?id_p=2&id_l=dde">dwa</a>
<a href="show.php?id_p=3&id_l=aha">trzy</a>

Do tej pory w pliku show.php odbierałem dane zmienną $_GET i obrabiałem dalej. Ale zachciało mi się wykorzystać okienko dialogowe z jquery ui (http://jqueryui.com/demos/dialog/#modal) no i nie wiem jak zrobić te odnośniki, żeby po kliknięciu otwierało się okienko dialog ui i w nim żeby były dostępne przesłane wartości(idealnie jakby w okienku otwierał się plik show.php, w którym odbierałbym i obrabiał dane z poziomu PHP). Oczywiście odnośniki mogę generować w inny sposób ale nie chce przerabiać całego systemu na Jave, a tylko do tego co już działa dołożyć dialog ui. Może ktoś napisać prosty przykład albo podać jakiegoś linka do wskazówek? O ile z PHP nie mam problemu o tyle z ajax/java jestem zielony i chce to jakoś najprościej pożenić.
Pozdrawiam,
D.C.

CTRL

5.03.2012, 19:48:01

W tym Ui przerabiasz diva na dialoga, więc wystarczy php załadować do diva po id, a potem zrobić z tego dialoga. Raczej zadziała ale nie testowane
$("#div").load("skrypt.php");
$("#div").dialog();

PS: Javascript != Java

-dgcracker-

7.03.2012, 00:03:24

Witam,
walczę z tym problemem dale i jakoś nie mogę sobie poradzić. Tak jak pisałem z javascript to jestem zielony na obecną chwilę, wiec może ktoś pokaże na przykładzie jak to zrobić. Kombinuję tak:

[HTML] pobierz, plaintext 
<html>
	<meta charset="utf-8">
	<title>TEST</title>
 
	<link rel="stylesheet" type="text/css" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.1/themes/base/jquery-ui.css">
 
	<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
	<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.1/jquery-ui.min.js"></script>
 
	<script type="text/javascript">
	$(document).ready(function() {
		var $dialog = $('<div></div>')
			.html('<?php echo "test".$_GET['a'].$_GET['b']; ?>')   //w oknie dialog chcialbym wyswietlac pobrane wartosci
			.dialog({
				autoOpen: false,
				title: 'Informacje'
			});
 
		$('#opener').click(function() {
			$dialog.dialog('open');
			return false;
		});
	});
	</script>
</head>
<body>
<p>Przesyłanie zmiennych z PHP do dialog boxa</a>.</p>
 
<!-- //tu lista linków wygenerowana w PHP. Dialog otwiera tylko pierwszy link, drugi nie działa :(
     //w taki sposób nie przesyła zmiennych do okienka dialog -->
 
<a href="okno.php?a=1&b=abc" id="opener">Informacje</a>
<a href="okno.php?a=2&b=def" id="opener">Informacje</a>
 
 
</body>
</html>
[HTML] pobierz, plaintext

Orzeszekk

7.03.2012, 01:07:15

zawsze mozesz wyprobowac biblioteke Xajax, ona pozwala na łatwe ładowanie czesci strony ajaxem bez uzycia javascriptu (wszystko kodujesz w PHP, a xajax wygenerowuje ci javascript robiący przeładowanie).

To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.