Forum PHP.pl > Odznaczanie divów

Pomoc - Szukaj - Użytkownicy - Kalendarz

Forum PHP.pl > Forum > Po stronie przeglądarki

cv65

22.02.2012, 12:59:21

Witam
Mam oto taki kod

[HTML] pobierz, plaintext 
	$('#nazwa_filmu').html('Now Playing: <span>' + player.getPlaylist()[obj.index].title + '</span>'); 
	var play_id = player.getPlaylist()[obj.index].description; 
	if ( $('#num_'+play_id).css('background-color', 'blue') )
	{
		//brak pomysłu
	}
[HTML] pobierz, plaintext

W miejscu "brak pomysłu" chce żeby wszystkie divy zostały odznaczone prócz tego co jest wyświetlany aktualnie.
Struktura divów:

[HTML] pobierz, plaintext 
<div id="num_1">1222</div><br>
<div id="num_2">2</div><br>
<div id="num_3">3</div>
[HTML] pobierz, plaintext

Pozdrawiam

devbazy

22.02.2012, 15:22:53

Z tego co zrozumiałem, to chcesz by aktualnie wyświetlany element był w jakiś sposób wyróżniony, tak? Możesz to zrobić w ten sposób:

[HTML] pobierz, plaintext 
<html>
    <head>
        <style>
            .someClass, .currentItem {
                padding: 5px;
                margin-bottom: 5px;   
            }
            .someClass {
                background: #f3f3f3;
            }
            .currentItem {
                background: #67c431;
                color: #fff;            
            }
        </style>
        <script type="text/javascript">
            $(function() {
                $('#nazwa_filmu').html('Now Playing: <span>' + player.getPlaylist()[obj.index].title + '</span>'); 
               var play_id = player.getPlaylist()[obj.index].description;
                $('#num_' + play_id).addClass('currentItem').removeClass('someClass');
                $('.someClass').css({opacity : 0.5});    
            });
        </script>
    </head>
    <body>      
        <div id="num_1" class="someClass">1222</div>
        <div id="num_2" class="someClass">2</div>
        <div id="num_3" class="someClass">3</div>
    </body>
</html>
[HTML] pobierz, plaintext

Po przeanalizowaniu kodu, możesz zauważyć, że nadałem wszystkim divom wspólną klasę, zaś element aktualnie wyświetlany pozbywa się tej klasy na rzecz nowej, tym samym możesz sobie robić z nim, jak i z pozostałą resztą co chcesz.

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.