İlk veri farklı diğer veriler farklı

15-03-2015, 00:45:48

Merhabala arkadaşlar php tablodan veri çekerken ilk veriye farklı atama diğer verilere farklı atama yapmak istiyorum.

Daha net

<li class="ustunde" id="tab1">İlk Veri</li> 
					<li id="tab2">2. Veri</li>
					<li id="tab3">3. Veri</li>

Yukarıda görüldüğü gibi ilk çekilen veriye class="ustunde" eklemem gerekiyor diğerleri ise normal li id olacak.

Bunu php ile nasıl yapabilirim. İlgilenen arkadaşlara şimdiden teşekkürler.

15-03-2015, 18:03:57

#2

Erturk

Tab menü için olusturdugun jQuery kodlarını yazarsan yardımcı olmaya calısırım. Php ye gerek yok cunku.

15-03-2015, 18:28:57

#3

koftee

fetch_assoc ile veriyi çek

{
echo '<li class="ustunde" id="tab'.$row['id'].'">Başlık</li>';

}

sonra while döngüsüne al

{
echo '<li id="tab'.$row['id'].'">Başlık</li>';

}

böyle bi dene bakalım, daha pratik yolu olan varsa bilmiyorum

15-03-2015, 18:31:41

#4

Z9Real

Erturk adlı üyeden alıntı: mesajı görüntüle

Tab menü için olusturdugun jQuery kodlarını yazarsan yardımcı olmaya calısırım. Php ye gerek yok cunku.

Buyrun hocam

<script type="text/javascript">

$(document).ready(function(){
    $('.konumenu li').click(
        function()
            {
               
                $('.konumenu li').removeAttr('class');

                
                $(this).addClass('ustunde');

               
                var acilacakTab = $(this).attr('id');

               
                $('.konu ul').hide();

               
                $('.konu #' + acilacakTab + '' ).show();
            }
    );
});

</script>

<div class="konumenu">
					<ul><li class="ustunde" id="tab1">İlk Veri</li> 
					<li id="tab2">2. veri</li>
					<li id="tab2">3. veri</li>

					
					</ul>
					</div>

15-03-2015, 20:13:55

#5

~~ylv~~

Üyeliği durduruldu

Z9Real adlı üyeden alıntı: mesajı görüntüle

Buyrun hocam

<script type="text/javascript">

$(document).ready(function(){
    $('.konumenu li').click(
        function()
            {
               
                $('.konumenu li').removeAttr('class');

                
                $(this).addClass('ustunde');

               
                var acilacakTab = $(this).attr('id');

               
                $('.konu ul').hide();

               
                $('.konu #' + acilacakTab + '' ).show();
            }
    );
});

</script>

<div class="konumenu">
					<ul><li class="ustunde" id="tab1">İlk Veri</li> 
					<li id="tab2">2. veri</li>
					<li id="tab2">3. veri</li>

					
					</ul>
					</div>

js konusunda çok iyi değilim ama

 $('.konumenu li').removeAttr('class');

                
                $(this).addClass('ustunde');

               
                var acilacakTab = $(this).attr('id');

               
                $('.konu ul').hide();

               
                $('.konu #' + acilacakTab + '' ).show();

bunun yerine

 $('.konumenu li').removeAttr('class');

                
                 $('.konumenu li').eq($(this).index()).addClass('ustunde');

               
                var acilacakTab = $(this).attr('id');

               
                $('.konu ul').hide();

               
                $('.konu #' + acilacakTab + '' ).show();

15-03-2015, 23:12:22

#6

Erturk

$('.konu #' + acilacakTab + '' ).show();

altına

$(this).addClass('ustunde');

yazarsan , aktif olan tab menu hangisiyse classı USTUNDE olur. Farklı bir class tanımlamak istiyorsan USTUNDE yazan kısımı değişebilirsin. Akitf olan menuyu secili olarak gostermek istediğini düşünüyorum?

15-03-2015, 23:32:00

#7

~~dem_baba~~

Üyeliği durduruldu

$i = 1;
while (){ //
if ($i == 1){ $class = 'class="ustunde"'; } else { $class = ""; }
echo '<li '.$class.' id="tab1">Veri '.$i.'</li> ';
}