jQuery div content switch/replace

[twix]

Pozdrav,

Naisao sam na mali problem, pa me zanima da li je neko slucajno imao iskustva ili je video negde example za replace div-a.

Sta je tacno problem, imam odredjeni div u kome sadrzaj mogu da promenim sa:

$("#naziv").html("neka nova vrednost");

Medjutim, meni je potrebno umesto te vrednosti da ubacim kompletan div (na mestu definisanog diva). Div koji pozivam sadrzi odredjene stilove i funkcije, koji se izgube prilikom promene vrednosti. (npr: recimo da imam jednu sliku koja ima odredjeni stil, zamenom sa drugom slikom na tom mestu gubi stil itd.)

Googlao sam, medjutim izgleda da ne razmisljam u pravom smeru za ono sto meni treba, wrong keywords :\

Bilo kakva ideja/savet/link su dobrodosli, tnx ppl.

[kalkulus]

mislim da ovo trazish

http://api.jquery.com/replaceWith/

[ajankovic]

I meni se čini da razmišljaš u pogrešnom smeru.

Ako već imaš div koji želiš da promeniš sa divom sa istim karakteristikama (samo drugi sadržaj), zašto uopšte i menjaš div? Zameni sadržaj. Ili ako to nije moguće ukloni spoljni div sa tog sadržaja i ostaje ti samo sadržaj.

Ako imaš:

<div class="stari div">
  <p>stari sadrzaj</p>
</div>

<div class="novi-div">
  <p>novi sadrzaj</p>
</div>

Uradi samo ovo:

var novisadrzaj = $(".novi-div").contents()
$(".stari-div").html(novisadrzaj);

Osobine diva verujem da primenjuješ preko CSS-a tako da samo trebaš da primeniš odgovarajuće klase.

[ivanhoe]

mozda hoce da se resi eventa koji su bindovani?

kao sto Dule rece replaceWith() radi posao..

[twix]

Sorry, juce mi je bio rodjendan pa nisam prilazio compu.

Hvala vam puno probao sam oba resenja i oni funkcionisu ali samo jednom (prvi put), svaki sledeci put cim uradi replace diva on nestane, logicno :\

U sustini imam paletu od 20 boja, preko kojih menjam prikaz sadrzaja (svaki div ima u sebi slike i div preko koga idu funkcije za zoom, video prikaz itd itd), prakticno mi treba switch a ne replace, da uvek moze da se vrati na neku od prethodnih paleta. Ovako cim prebacim boju to je to :\

Sa ovim kodom uspem da zamenim sve da radi kako treba, ali samo jednom:

$('a[rel*=bela-boja]').click(function(){
    $('#Prikaz').html($('#BelaFotka'));
});

Ucitava kompletan <div id="BelaFotka">...</div> u <div id="Prikaz"></div> ali eto cim prebacim na drugu boju, ne funkcionise vise sa belom.

Znam da ovo sve mozda zvuci bzvz, ali sta cu kad nemam programersku logiku, kapiram da je ovo nekome verovatno smesno ali ja sam zapeo sa tom sitnicom...

[twix]

Odustao sam od mozganja oko ove "sitnice" i samostalnog pisanja funkcije, nasao sam obican content slider i implementirao ostatak galerije sa kontrolama :\ hvala na linkovima u svakom slucaju, zatrebace.