[AJAX][JavaScript][XML]JSON i ustawienie obrazka, pozycjonowanie Opcje

[martex]

Witam
mam pytanie czy ktoś mnie nakieruje na jakiś pomysł
dostaję jsonem tablicę [{"size":"A","pos_x":2,"pos_y":0}]

chciałbym ustawić obrazek w pozycji podanej w arrayu i zmienić jego wielkość z 3 możliwych
w zależności co dostanie zmieniać diva to w prawo lub góra dół
i np. poz 2 niewiem czy to w tabelkach czy w divach 3x3
umiescic od lewej w 2 klocku od góry w pierwszym

2. jak to w postaci stringa doładować do diva

$( ".set_pic" ).html( data ); nie działa ;/
a w alercie mam object Object a chciałbym dane z tablicy
może wtedy ustawiłbym diva jakoś

czkeam na jakieś nakierowanie
pozdraiwam

[lukasz_os]

Potrzebna funkcja ajaxa którą pobierasz dane. Z pustego to i Salomon nie naleje

[martex]

[HTML] pobierz, plaintext 
	 $.ajax({ 
            url: "getModule",      
            type: "POST",
			dataType: "json",
			success: function( data ) {
				alert( data );
				console.log( data );
			        $( ".set_ingrid" ).html( data );			
			}
			})
	});
[HTML] pobierz, plaintext 

dane mi pobiera mam pozycje x i pozycje y
tylko jak w prawidlowy sposób zgodny i prosty ustawiać ten obrazek który jest w set_ingrid
moze ktoś widział jakiegoś tutka
żeby odebrać posta i ustawić diva w odpowiednim miejscu

[markuz]

[HTML] pobierz, plaintext 
$(".set_ingrid").html('Size: '+data.size);
[HTML] pobierz, plaintext 

Ten post edytował markuz 21.03.2014, 14:04:54

[martex]

Dobra to może inaczej wytłumaczę jeszcze raz co chciałbym zrobić i się nauczyć
na przykładzie obrazka


schemat diva to 5x3:
dostaję objekt z danymi pozycji i za pomocą js potrzebuję go ustawiać:
np.
{"size":"A","pos_x":0,"pos_y":0} pojawia się klocek nr 1

{"size":"A","pos_x":2,"pos_y":1} pojawia się klocek nr 2

{"size":"B","pos_x":4,"pos_y":0} pojawia się klocek nr 3

szukam czgoś takiego kombinuje ale topornie mi to idzie
może ktoś widział podobny przykład jakiś tutorial
ew. z kimśmogę na priv sie zgadać żeby mnie ktoś nakierował dalej pewnie jakoś pójdzie

[lukasz_os]

1. kontenerowi nadaj position relative.
2. zadeklaruj zmienne offset(jaka jest szerokosc pojedynczej ramki) widthA,heightA,widthB,heightB (wielkosci jakie masz)
3. odbierz dane i dodaj diva do kontenera gdzie:
w zaleznosci od size nadaj mu odpowiedni width i height, position absolute i oblicz odsuniecie od punktu 0.0 (lewy gorny rog ramki) na zasadzie pos_x*offset, pos_y*offset.

i tyle