DevProTalk

DevProTalk (http://www.devprotalk.com/index.php)
-   (X)HTML, JavaScript, DHTML, XML, CSS (http://www.devprotalk.com/forumdisplay.php?f=8)
-   -   jQuery div content switch/replace (http://www.devprotalk.com/showthread.php?t=9314)

twix 06. 11. 2010. 16:30

jQuery div content switch/replace
 
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:
Kôd:

$("#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 06. 11. 2010. 17:46

mislim da ovo trazish

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

ajankovic 06. 11. 2010. 18:49

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š:

Kôd:

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

Kôd:

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

Uradi samo ovo:

Kôd:

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 06. 11. 2010. 20:47

mozda hoce da se resi eventa koji su bindovani?

kao sto Dule rece replaceWith() radi posao..

twix 08. 11. 2010. 11:01

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:
Kôd:

$('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 08. 11. 2010. 13:29

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.


Vreme je GMT +2. Trenutno vreme je 05:33.

Powered by vBulletin® Verzija 3.6.8
Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.
Copyright © DevProTalk. All Rights Reserved.

Mišljenja, saveti, izjave, ponude ili druge informacije ili sadržaji nastali na Sajtu su vlasništvo onoga ko ih je kreirao, a ne DevProTalk.com, tako da ne morate da se oslanjate na njih.
Autori poruka su jedini odgovorni za ovakve sadržaje. DevProTalk.com ne garantuje tačnost, kompletnost ili upotrebnu vrednost informacija, stavova, saveta ili datih izjava. Ne postoje uslovi pod kojima bi mi bili odgovorni za štetu ili gubitak koji je posledica bilo čijeg oslanjanja na nepouzdane informacije, ili bilo kakve informacije nastale kroz komunikaciju između registrovanih članova.
Web sajt može sadržavati linkove na druge web sajtove na Internetu ili neke druge sadržaje. Ne kontrolišemo niti podržavamo te druge web sajtove, niti smo pregledali bilo kakve sadržaje na takvim sajtovima. Mi nećemo biti odgovorni za legalnost, tačnost ili prikladnost bilo kog sadržaja, oglasa, proizvoda, usluga ili informacije lociranim na ili distribuiranih kroz druge web sajtove, niti za bilo kakvu štetu nastalu kao posledica takvih informacija. DevProTalk.com drži i čuva druga prava vlasništva na web sajtu. Web sajt sadrže materijale zaštićene copyright-om, zaštitne znakove i druge informacije o pravu vlasništva ili softver. Članovi mogu poslatu informacije zaštićene pravima vlasništva njihovih nosilaca i ona ostaju zaštićena bez obzira da li su oni koji prenose te informacije to naveli ili ne. Osim informacija koje su u javnom vlasništvu ili za koje dobijete dozvolu, nemate pravo da kopirate, modifikujete ili na bilo koji način menjate, objavljujete, prenosite, distribuirate, izvršavate, prikazujete ili prodajte bilo koju informaciju zaštićenu pravima vlasništva. Slanjem informacija ili sadržaja na bilo koji deo DevProTalk.com, Vi automatski dozvoljavate i predstavljate garanciju da imate pravo da dozvolite DevProTalk.com ili članovima DevProTalk.com bespovratnu, kontinualnu, neograničenu, globalnu dozvolu da koriste, kopiraju, izvršavaju, prikazuju i distribuiraju takve informacije i sadržaje i da iz takvih sadžaja koriste bilo koji deo u bilo koje svrhe, kao i pravo i dozvolu da koriste gore navedene sadržaje. Svi zaštitni znakovi (trademarks), logotipi, oznake usluga, firme ili imena proizvoda koji se pominju na ovom web sajtu su vlasništvo kojim raspolažu njihovi vlasnici.