[jQuery] wyświetlanie danych z bazy po najeździe na link Opcje

[john_doe]

Witam,

tworzę sobie dynamicznie kalendarz. Do kalendarza, do danego dnia mogę przypisać zdarzenia.

wygląda to tak dla przykładu

http://jsfiddle.net/6Bw7E/3/

Chciałbym aby po najechaniu na dzień, który posiada jakieś wpisy w divie pokazać te wpisy.

Przygotowałem metodę w kontrolerze która potrafi wyrzucić te dane ( kod js w jsfiddle )
czyli mam metode show_entries, która musiałaby przyjąć trzy arg. dzien, miesiac, rok.
Nie wiem jak wywołać to w jQuery. Mogę przygotować taki link po najechaniu na cyfrę dnia-> ale mam pustkę jak to przekazać do JS.

pozdrawiam.

[r4xz]

http://api.jquery.com/jQuery.ajax/

[prowseed]

po stronie klienta (musisz to sobie zamienic na onmouseover, ew hover; mimo wszystko wydaje mi sie, ze click jest madrzejszym rozwiazaniem):

[HTML] pobierz, plaintext 
$('.event').click(function() {
		$('#message').hide(0);
		var a = $(this).attr('id');
		$.ajax({
			type : 'POST',
			url : 'info.php',
			dataType : 'json',
			data: {
				dateid : a
			},
			success : function(data){
				$('#message').html(data.msg + '<br><a href="#" class="close-message">Zamknij</a>').show(100);
				$(".close-message").on("click", function(){
						$('#message').hide(300);
						return false;
						});
			},
			error : function(XMLHttpRequest, textStatus, errorThrown) {
				$('#message').text('Wystąpił błąd z połączeniem.').show(300);
			}
		});
	});
[HTML] pobierz, plaintext 

kazde pole przy generowaniu ma swoje unikalne id, ktore w najprostszym wypadku moze byc data na wzor mysql'owego typu DATE, jest ona przekazywana do pliku info.php

[PHP] pobierz, plaintext 
<?php
 
//polaczenie z baza
 
$cos = $_POST['dateid'];
 
//zapytanie do bazy na wzor "SELECT ... FROM ... WHERE `kiedy` LIKE DATE(\"{$cos}\")"
//wyplucie wynikow
 
$return['msg'] = $wynik;
 
echo json_encode($return);
[PHP] pobierz, plaintext 

powinno grać

[john_doe]

dzięki za tip.
elegancko udało się.

mam jeszcze mały problem

http://jsfiddle.net/6Bw7E/19/

po najechaniu na dzień, w którym są wpisy pojawiają mi się wszystkie divy ( które mają zawierać wpisy ) a nie tylko jeden.

co mam nie tak?

próbowałem też pobrać pozycję ( position() ), i na jej podstawie ustawiać odpowiednio jednego diva. Ale ta funkcja tak jakby dziwne współrzędne podaje.

Ten post edytował john_doe 6.05.2012, 11:50:19

[prowseed]

Ale jak Ty to zrobiles? Źle : )
Każdy dzień ma mieć klasę event i swoje unikalne id, wiec jak generujesz dni w petli, to przykladowy powinien wygladac tak:

[HTML] pobierz, plaintext 
<div id="calendar-container">
...
<div class="event" id="2012-05-06">6</div>
...
</div>
[HTML] pobierz, plaintext 

id nie moze sie zaczynac od cyfry, wiec jesli chcesz byc zgodny ze specyfikacja, to zrob "dzien+2012-05-06" i zrob np explode po plusie.

[john_doe]

ok, mam już. dzięki.

w jsfiddle trochę okroiłem dla celów przykładu.

w jQuery użyłem offset() i mouseover and out.

offset daje mi koordynaty, które sobie modyfikuję i za pomocą .css() zmieniam i jest super.

dzięki prowseed