dışarıdan kontrol edilebilir kutu

14-07-2010, 23:59:52

#1

macomil

Bir çarçeve ve dışındaki 2 link ile çerçeve içindeki kod değişecek.

örneğin

tabi bu php olucak

15-07-2010, 00:48:11

#2

grafitus

Kimlik doğrulama veya yönetimden onay bekliyor.

PHP ile alakası yok. JavaScript Tabs, jQuery Tabs.

15-07-2010, 04:31:07

#3

EmreBulutlar

burdan bulabilirsin
http://www.stilbuero.de/jquery/tabs/#fragment-1

16-07-2010, 02:03:19

#4

macomil

Bunu inceledim teşekkür ederim ancak benim istediğim çok daha basit birşey bu en az 5 dosya ile çalışıyor küçük bir liste için çok fazla
Sadece şu

BUTON1 BUTON2

1.butona basılınca buradaki kod 1. liste kodum olucak
2.butona basılınca buradaki kod 2. liste kodum olucak

örnek

1. butona basıldığında

1.BUTON 2.BUTON

1.liste

bunun çok basit bir yolu olmalı php olmasa bile belki css

16-07-2010, 09:49:15

#5

grafitus

CSS ile sadece görselleme ve üzerine gelince ufak tefek kaydırma hareketleriyle animasyon oluşturabilirsiniz. Neyse, bunun için JavaScript gerekli. Sadece içeriklerine PHP kodlarınızı gömeceksiniz.

<div style="overflow: auto;">
	<a href="#box_1" id="b_rt" onclick="change_display('box1'); return false;"><span>Kutu 1</span></a>
	<a href="#box_2" id="b_rp" onclick="change_display('box2'); return false;"><span>Kutu 2</span></a>
</div>
<br />
<div id="box_1">
Kutu 1 İçeriği
</div>
<div id="box_2" style="display: none;">
Kutu 2 İçeriği
</div>
<script language="JavaScript" type="text/javascript"><!-- // --><![CDATA[
	function change_display(block)
	{
		var current = block == 'box2' ? 1 : 0;

		document.getElementById('box_1').style.display = current ? 'none' : '';
		document.getElementById('box_2').style.display = current ? '' : 'none';
	}
// ]]></script>

16-07-2010, 23:39:24

#6

macomil

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

CSS ile sadece görselleme ve üzerine gelince ufak tefek kaydırma hareketleriyle animasyon oluşturabilirsiniz. Neyse, bunun için JavaScript gerekli. Sadece içeriklerine PHP kodlarınızı gömeceksiniz.

<div style="overflow: auto;">
    <a href="#box_1" id="b_rt" onclick="change_display('box1'); return false;"><span>Kutu 1</span></a>
    <a href="#box_2" id="b_rp" onclick="change_display('box2'); return false;"><span>Kutu 2</span></a>
</div>
<br />
<div id="box_1">
Kutu 1 İçeriği
</div>
<div id="box_2" style="display: none;">
Kutu 2 İçeriği
</div>
<script language="JavaScript" type="text/javascript"><!-- // --><![CDATA[
    function change_display(block)
    {
        var current = block == 'box2' ? 1 : 0;
 
        document.getElementById('box_1').style.display = current ? 'none' : '';
        document.getElementById('box_2').style.display = current ? '' : 'none';
    }
// ]]></script>

evet hocam işte bu çok Teşekkür ediyorum diğer arkadaşlarada ilgilendikleri için teşekkür ediyorum iyi Çalışmalar...