|
(X)HTML, JavaScript, DHTML, XML, CSS Client scripting tehnologije, Dynamic HTML, Cascading Stylesheets, XML i standardi |
|
Alati teme | Način prikaza |
06. 06. 2012. | #1 |
profesionalac
Qualified
|
Change Background Color of Li Element
Pozdrav svima,
Imam jedan za mene malo komplikovan task, treba da promenim boju pozadine jednog Li elementa, ali tako da prvo proverima tekst unutar P taga koji se nalazi ugnjezden u Li tagu: Kôd:
<ul> <li id="input-token"><p>Ime i prezime</p></li> <li id="input-token"><p>Drugo ime</p></li> </ul> nesto sto sam ja nasao mi ne radi a to je sledece: Kôd:
(document).ready(function() { $('.token-input > li').each(function () { if($(this).children('p').text() == 'Ime i prezime') { $(this) .css('background-color','#FF0F4B'); }); }); });
__________________
Mess with the best die like rest!!! |
06. 06. 2012. | #2 |
xippster
Master
Datum učlanjenja: 16.06.2005
Lokacija: Beograd
Poruke: 681
Hvala: 102
138 "Hvala" u 84 poruka
|
http://jsbin.com/uvejof/edit#javascript,html
zasto ti ovi li elementi imaju isti id i zasto ovo ne radis preko klasa ? |
"Hvala" xippi za poruku: |
06. 06. 2012. | #3 |
VD IT Direktora
Invented the damn thing
Datum učlanjenja: 08.06.2005
Lokacija: Beograd
Poruke: 2.118
Hvala: 503
1.307 "Hvala" u 282 poruka
|
http://jsfiddle.net/AAJB9/
Mada bolje izgleda kao CS: Kôd:
$ -> $("li").filter(-> $(this).text() is "bar" ).css "background-color", "red"
__________________
blog Poslednja izmena od jablan : 06. 06. 2012. u 17:35. |
2 članova zahvaljuje jablan za poruku: |
06. 06. 2012. | #4 | |
profesionalac
Qualified
|
Citat:
Hvala na pomoci
__________________
Mess with the best die like rest!!! |
|
06. 06. 2012. | #5 |
profesionalac
Qualified
|
E sad to mi stvarno puno pomaze, osim sto sam skontao da ne mogu da imam recimo tri ovakve funkcije gurnute od stran code behind-a za recimo promenu tri LI elementa, nego moram jednoj funkciji proslediti niz od 3 stringa, sa recimo delimiterom ; i onda u funkciji za svaki od elemenata niza uraditi ovo gore
__________________
Mess with the best die like rest!!! |
06. 06. 2012. | #6 |
emperor Selassie
Grand Master
|
Ubaci ovo u neki JS fajl:
Kôd:
Array.prototype.in_array = function(p_val) { for(var i = 0, l = this.length; i < l; i++) { if(this[i] == p_val) { return true; } } return false; }; function hajlajtuj(lista, fraze, bg_color) { if (bg_color === undefined) bg_color = "#ccc"; $(lista).find('li').each(function() { var txt = $(this).text(); if (fraze.in_array(txt)) $(this).css('background-color', bg_color); }); } Kôd:
hajlajtuj("#css-selektor-liste", ["fraza1", "fraza2", "...", "frazaN"], '#ccc'); edit: Primer: http://jsbin.com/ugigem/3/edit |
"Hvala" Nemanja Avramović za poruku: |
06. 06. 2012. | #7 |
banned
Professional
Datum učlanjenja: 04.06.2005
Poruke: 371
Hvala: 0
738 "Hvala" u 83 poruka
|
http://api.jquery.com/jQuery.inArray
Kôd:
$( function() { var select = ['foo', 'bar']; $('li').filter( function(i){ return $.inArray($(this).children('p').text(), select) >= 0; } ).css('background-color', 'red'); } );
__________________
Don't look at me; I'm lost too. “If you can't dazzle them with brilliance, baffle them with bul*s**t.” Poslednja izmena od Br@nkoR : 06. 06. 2012. u 19:10. |
"Hvala" Br@nkoR za poruku: |
07. 06. 2012. | #8 | |
profesionalac
Qualified
|
Citat:
Posto kad ispravljen kod isprobam na JSBin-u radi kako treba, dok kod mene ne radi... ispravio sam ovako: http://jsbin.com/ugigem/5/edit
__________________
Mess with the best die like rest!!! Poslednja izmena od Zero-Cool : 07. 06. 2012. u 15:27. |
|
07. 06. 2012. | #9 |
emperor Selassie
Grand Master
|
Trebalo bi da može, ništa posebno novo se ne koristi u tom kodu... mada nemam pojma, ja uglavnom koristim uvek poslednji jQ i sa njim radi
Je l' dobijaš neku grešku, kako misliš "ne radi"? |
07. 06. 2012. | #10 |
profesionalac
Qualified
|
Ne dobijem gresku, ali kad ga pustim kroz debug ne udje uopste u deo gde prolazi kroz niz i proverava vrednosti pa postavlja css.
Zato sam te pitao da li treba neka druga posebna verzija, posto ja koristim ovu 1.5.1 i sve ostalo mi s njom radi ok...al ovde zapinje Morao sam da dodam .children('p') zasto sto nissam skontao ali unutar tog Li elementa imam i span, pa da bi pokupio kako treba, cak sam probao da dole dodam .parent('li') --// $(this).parent('li').css('background-color', bg_color); // misleci da ne moze da dohvati li element da ga ofarba ali nista...
__________________
Mess with the best die like rest!!! |
|
|