Menü Tab - R10.net

03-02-2009, 21:16:28

Arkadaşlar böyle bir menü buldum

Ajax Lessons Ajax Workshop 2: Building Tabbed Content

ben bunu nasıl ayarlıycam tab1 tab2 yaza yerlerde oyunadu çıksın istiyorum ortadada resimleri nereye yazıcam php kodlarını resim çıkarmak için

03-02-2009, 21:20:55

#2

davidgora

Bu tab menü kısmını içerikleriyle birlikte uygulamasını hazırlarım uygun fiyata.
İyi günler.

04-02-2009, 08:35:50

#3

tolgay007

arkadaşalr bakın uyarlamaya çalıştım ama hep loadingte kalıyor malesef loadingden başka bir şey yazmıyor bakın kullandığım kodlara

///burası normal menü sayfası
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Ajax Workshop 2: Building Tabbed Content</title>
<script type="text/javascript" src="prototype.js"></script>
<script type="text/javascript">
function init () {
var tabs = document.getElementsByClassName('tabs');
	for (var i = 0; i < tabs.length; i++) {
		$(tabs[i].id).onclick = function () {
			getTabData(this.id);
		}
	}
}
function getTabData(id) {
	var url = 'process.php';
	var rand = Math.random(9999);
	var pars = 'id=' + id + '&rand=' + rand;
	var myAjax = new Ajax.Request( url, {method: 'get', parameters: pars, onLoading: showLoad, onComplete: showResponse} );
}
function showLoad () {
	$('load').style.display = 'block';
}
function showResponse (originalRequest) {
	var newData = originalRequest.responseText;
	$('load').style.display = 'none';
	$('content').innerHTML = newData;
}
</script>
<style type="text/css">
body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}
#container {
	width:500px;
}
.tabs {
	width:50px;
	margin-right:10px;
	padding:4px;
	text-align:center;
	float:left;
	cursor:pointer;
	border:1px solid #ccc;
	border-bottom:0;
}
#content {
	height:250px;
	clear:both;
	border:1px solid #ccc;
}
#load {
	position:absolute;
	left:0;
	top:0;
	width:100px;
	height:20px;
	background-color:red;
	color:white;
	display:none;
}
</style>
</head>
<body onload="init()">
<div id="load">Loading...</div>
	<div id="container">
	<div class="tabs" id="tab1">Tab 1</div>
	<div class="tabs" id="tab2">Tab 2</div>
	<div class="tabs" id="tab3">Tab 3</div>
	<div class="tabs" id="tab4">Tab 4</div>
	<div id="content"></div>
</div>
</body>
</html>

///burasıda php sayfası içerikleri bastırmak için
<?php
function stringForJavascript($in_string) {
   $str = ereg_replace("[\r\n]", " \\n\\\n", $in_string);
   $str = ereg_replace('"', '\\"', $str);
   Return $str;
}
switch($_GET['id']) {
	case 'tab1':
		$content = 'This is content for tab 1.';
		break;
	case 'tab2':
		$content = 'This is content for tab 2.';
		break;
	case 'tab3':
		$content = 'This is content for tab 3.';
		break;
	case 'tab4':
		$content = 'This is content for tab 4.';
		break;
	default:
		$content = 'There was an error.';
		break;								
 
} 
print stringForJavascript($content);
usleep(400000);
?>

bide prototype.js var o kadar oda zaten scriptin çalışması için ama olmuyor malesef

hep loading diyor

13-02-2009, 12:35:31

#4

TaGo

Böyle birşeye benimde ihtiyacım var. Çok janjanlı olmasada olur admin panelimde kullanmak istiyorum.

13-02-2009, 13:07:38

#5

Clable

şurdaki daha kolay onu yap istersen : Codersstuff.com - jQuery ile CSTABS / CSTABS with jQuery hazır hali sayfanın en altında

hazırlanmış örnek dosyaları mesaja ekledim, ordan düzenleyebilirsin.

13-02-2009, 15:40:05

#6

TaGo

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

şurdaki daha kolay onu yap istersen : Codersstuff.com - jQuery ile CSTABS / CSTABS with jQuery hazır hali sayfanın en altında
hazırlanmış örnek dosyaları mesaja ekledim, ordan düzenleyebilirsin.

Görsel olarak çok güzel fakat sayfaya önceden tüm bilgileri yazdırmış açılışı yavaşlatır bu değil tıkladığında div içinde yeni bir sayfa çağırması lazım.

18-02-2009, 17:26:33

#7

berkay_y

Iframe mantığı ile bir tab istiyorsunuz sanırım. Sizin aradığınız bu sitede var. Fakat şunu söylemem gerekir hemen hemen tab kullanan bütün siteler iframe mantığı ile tab kullanmazlar. Cstabs'ı bende kullanıyorum.

12-06-2009, 12:16:04

#8

nurettin

eğer ifframe mantıgını kullanmazsa siteyi çok aşırı kastırır. Büyük siteler için csstab ifframe gibi çalışmış olsaydı çok güzel olurdu.

12-06-2009, 13:55:42

#9

Sores_Alp

Bende böyle birşey kullanıyordum.

Bir klasör açıp içine mesela
oyunlar.php
cok_oynan.php
top_oyun.php

böyle sıralayıp sonra tab içinde bunları çekmen mantıklı olabilir çekilen php dosyasının içindeki resim vb herşey gözükür.

umarım yanlış anlamadım.