Başka Linkten Tab Ögesine Erişmek

Merhaba arkadaşlar.
index.php?do=profil&id=1 linkine tıklayınca böyle bir tab panel geliyor. Ben Mesajlar başlığı altında üyeler arası gelen ve giden mesajları listeletip mesaj yazdıracağım.

Ama bir problemim var çözemedim. Aşağıda görülen panelden Mesajlar linkine tıklayınca index.php?do=profil&id=1 de bulunan Mesajlar tabına gitmesini istiyorum. Bunun için paneldeki Mesajlar linkini nasıl yapmalıyız? Mesajlar tabını nasıl aktif etmeliyiz?


Paneldeki Mesajlar Linki

<a href="" class="list-group-item list-group-item-action"><i class="fa fa-envelope"></i>Mesajlar (0)</a>


Tab Panel

<!--- Profil --->
<div class="card">
	<div class="card-block">
		
		<!-- Nav tabs -->
		<ul class="nav" role="tablist">
		  <li class="nav-item" style="margin-right:10px">
			<a class="btn btn-outline-danger" data-toggle="tab" href="#mesajlar" role="tab">Mesajlar</a>
		  </li>
		</ul>

		<!-- Tab panes -->
		<div class="tab-content" style="">
		
			<!--- Mesajlar --->
			<div class="tab-pane" id="mesajlar" role="tabpanel">Mesajlar</div>
			<!--# Mesajlar #-->
		
		</div>
		<!-- Tab panes -->
	</div>
</div>
<!--# Profil #-->

Ben paneldeki linki index.php?do=profil&id=1#mesajlar şeklinde denedim. Profile gidiyor ama Mesajlar tabı aktif olmuyor.

Bunu PHP ile kontrol edebilirsin. Profil sayfasına bağlantı verirken bir tane GET parametresi belirlersin. Sonra da bu gelen parametrede ki değere göre ilgili tab menüsünü aktif edersin. Örn;

<a href="index.php?do=profil&id=1&tab=mesaj">Mesajlar</a>

Profil sayfası;

<div class="tab-content">
  <div class="tab-pane <?php if($_GET['tab'] == 'profil') { echo 'active';  } ?>" id="profil">Profil bölümü</div>
  <div class="tab-pane <?php if($_GET['tab'] == 'mesaj') { echo 'active';  } ?>" id="mesaj">Mesajlar bölümü</div>
</div>

 

Teşekkür ederim.

Cevap Yaz

Cevap yazabilmek için üye girişi yapmanız gerekiyor!

Yukarı Git