Új hozzászólás Aktív témák

• petyus_ senior tag

  #6891

  #6890 Agostino

  2018-10-02 20:56:46

  Új Válasz

  Új hozzászólás

  Összes hozzászólása itt Válaszok az összes hozzászólására itt Válaszok erre a hozzászólásra

  

  petyus_

  senior tag

  #6890 Agostino

  #6890 Agostino

  sziasztok

  adva van az alábbi html kód, ami háromszor ismétlődik

  <div class="info">
<div class="doboz">[tartalom]</div>
</div>

  a doboz tartalmát egy sql select tölti fel. amikor a felhasználó rányom a küldés gombra, a lekérdezés lefut és beleírja a tartalmát a dobozba. a doboz tartalma jquery slider-el nyílik le, bár ez most talán nem fontos. írtam hozzá egy rövid js sort, ami a következőt csinálja: megnézni van-e bármi tartalom a doboz div-en belül, ha pedig van, az info doboz tartalmát szürkéről zöldre festi, illetve ad hozzá szöveget is.

  ez a js kódom:

  jQuery(document).ready(function($) {
if ($('.doboz').html()) {
$('.info').css({'background-color': '#addfad', 'color': 'black'}).text('kész');
} else {
$('.info').css({'background-color': 'gray', 'color': 'white'}).text('nincs kész');
}
});

  ezt biztosan lehetne szebben is, de egyelőre működik, már ennek örülök. viszont az egyszerűsége a kódnak a veszte is. felhasználó egy oldalon belül három sql-t kérhet le a szervertől, három blokkban. ha az első lefut, teljes joggal minden doboz zöld lesz, hiszen a doboz class háromszor van jelen, mindhármat vizsgálja. valamilyen formában egyedi azonosítót kellene adnom, arra viszont egyelőre nem jöttem rá, hogyan kellene belefűznöm a js-be

  jQuery(document).ready(function($) {
var doboz = $('.doboz');
doboz.each(function(){
if($(this).html()){
$(this).parent().css({'background-color': '#addfad', 'color': 'black'}).text('kész');
}
else{
$(this).parent().css({'background-color': '#addfad', 'color': 'black'}).text('kész');
}
});

  Rég nem jquery-ztem, lehet, hogy van szebb megoldás, de ez működik

Új hozzászólás Aktív témák