Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [AJAX][JavaScript][XML]JSON i ustawienie obrazka
Forum PHP.pl > Forum > Przedszkole
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 smile.gif
martex
  1. $.ajax({
  2. url: "getModule",
  3. type: "POST",
  4. dataType: "json",
  5. success: function( data ) {
  6. alert( data );
  7. console.log( data );
  8. $( ".set_ingrid" ).html( data );
  9. }
  10. })
  11. });

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
  1. $(".set_ingrid").html('Size: '+data.size);
martex
Dobra to może inaczej wytłumaczę jeszcze raz co chciałbym zrobić i się nauczyć smile.gif
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 questionmark.gif
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
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.
Invision Power Board © 2001-2025 Invision Power Services, Inc.