Dinamik Sayfalar

[TLnY]

Benimde bir sorum olacak.. Sayfa içinde sayfa nasıl gösterebilirim? Mesela sol tarafta bir menü olacak, ordan birine tıkladığımda sağ tarafta onunla ilgili bir sayfa gelecek.. Ama menü vb. aynı kalacak.

[KintaRo]

Sanırım en kısa yolu 4 sayfan varsa yaptigin menüyü 4 sayfayada kopyalamak...

[TLnY]

Bu şekilde diyeceğiniz tahmin etmiştim. Ancak yapmak istediğim şeyden dolayı istediğim şekilde yapmak istemiştim.

[KintaRo]

yapmak istediğini tam olarak söylersen bende ona göre birşey söyleyebilirim

[TLnY]

Şimdi.. Sol tarafta Ağaç menüsü gibi birşey olacak. Oradan bir program adını tıkladığımda sağ tarafa bir bölüm gelecek ve program hakkında resim, açıklama vb. olacak. Ama sol taraftaki programın adı aynen seçili kalacak. Bu söylediklerime benzer birşey yapmak istiyorum Yani sağ taraf değiştiğinde sol tarafın hiçbir koşulda değişmemesini istiyorum. Bu da bana sayfa içinde sayfa şeklinde bir fikir verdi..

[KintaRo]

@TLnY; Sayfa içinde sayfa sadece Webde iframe seklinde olur. Maalesef burda değil. Yalnız şaşırtmacalı tekniklerle bu yapılaibilir. Şaşırtmacadan kastım göz yanılması. Sayfa ve nesneler değişecek fakat kullanıcı bunu anlamayacak.

Şimdi 4 sayfalı bir proje oluşturalım. 1. sayfanın ismi menu, 2. sayfanın ismi 1. Sayfa, 3. Sayfanın ismi 2. Sayfa, 4. Sayfanın ismi de 3. Sayfa olsun.

menu sayfasına bir adet tree nesnesi ekleyelim ve buna sayfa isimlerini ekleyelim:

Şimdi eklediğimiz nesnelerin özelliklerine girelim; SAYFALAR nesnesinin Item Data kısmına menu, 1. Sayfa nesnesine sayfa1, 2. sayfa nesnesine sayfa2, 3. sayfa nesnesine sayfa3 girelim. Bu ne için derseniz Item Data özelliği sayfalar arasında gezinmemizi sağlayacak. Bu tree nesnesini tüm sayfalara kopyalayın.

Şimdi Tree nesnesinin On Double-Click evresine şu kodları yazalım.

tree1 = Tree.GetSelectedNode("Tree1")

tree2 = Tree.GetNode("Tree1", tree1)

Page.Jump(tree2.Data)[/CODE]

Şimdi de 1. sayfanın On Show evresine şunu;

Tree.SetSelectedNode("Tree1", "1.1")

2. sayfanın On Show evresine şunu;

[CODE]Tree.SetSelectedNode("Tree1", "1.2")[/CODE]

3. sayfanın On Show evresine şunu;

[CODE]Tree.SetSelectedNode("Tree1", "1.3")[/CODE]

yazdık. Şimdi deneyebiliriz. Eğer herşeyi doğru yaptıysanız hangi sayfaya girerseniz girin en son seçmiş olduğunuz nesne seçili kalacaktır. Biraz karışık gelebilir ama aslında çok basit. 

Örnek Dosya:

[CODE]http://www.tamotomatik.org/dosya/tree_secim_ornegi.zip[/CODE]

[mucit41]

[u][color="#8B0000"][b]Acılır Kapanır Yan Menü Kodu[/b][/color][/u]

Bu kodlar belki işine yarar sanırım kendi sitene göre uyarlarsın.Html kod editörü ile test et bak işine yarar umarım.Şayet sistemin css destekiliyorsa.İçeriği kendine göre ayarla alttaki örneği.

[code]CSS BÖLÜMÜNE

<link rel="stylesheet" type="text/css" href="http://hibycocuk.hi.funpic.org/HiBycocuq/sdmenu.css" />
<script type="text/javascript" src="http://hibycocuk.hi.funpic.org/HiBycocuq/sdmenu.js">
/***********************************************
* Slashdot Menu script- By DimX
* Submitted to Dynamic Drive DHTML code library: http://www.dynamicdrive.com
* Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code
***********************************************/
</script>
<script type="text/javascript">
// <![CDATA[
var myMenu;
window.onload = function() {
myMenu = new SDMenu("my_menu");
myMenu.init();
};
// ]]>
</script>



İSTEDİĞİN YERE

<div id="my_menu" class="sdmenu" style="margin-top: 1em">
<div>
<span>Online Tools</span>
<a href="http://tools.dynamicdrive.com/imageoptimizer/">Image Optimizer</a>

<a href="http://tools.dynamicdrive.com/favicon/">FavIcon Generator</a>
<a href="http://www.dynamicdrive.com/emailriddler/">Email Riddler</a>
<a href="http://tools.dynamicdrive.com/password/">htaccess Password</a>
<a href="http://tools.dynamicdrive.com/gradient/">Gradient Image</a>
<a href="http://tools.dynamicdrive.com/button/">Button Maker</a>
</div>

<div>
<span>Support Us</span>
<a href="http://www.dynamicdrive.com/recommendit/">Recommend Us</a>
<a href="http://www.dynamicdrive.com/link.htm">Link to Us</a>
<a href="http://www.dynamicdrive.com/resources/">Web Resources</a>
</div>
<div class="collapsed">

<span>Partners</span>
<a href="http://www.javascriptkit.com">JavaScript Kit</a>
<a href="http://www.cssdrive.com">CSS Drive</a>
<a href="http://www.codingforums.com">CodingForums</a>
<a href="http://www.dynamicdrive.com/style/">CSS Examples</a>
</div>

<div>
<span>Test Current</span>
<a href="?foo=bar">Current or not</a>
<a href="./">Current or not</a>
<a href="index.html">Current or not</a>
<a href="index.html?query">Current or not</a>

</div> </div>
[/code]

[KintaRo]

mucit41, bu verdiklerin html/css kodu, AMS ile ne alakası var ki?

[mucit41]

Özür dilerim kintrato belki web sitesi yapıyor arıyor diye düşünmüştüm onun için bende vardı paylaşayım dedim.

[KintaRo]

Yok estağfurullah ne özrü, bende dedim yeni bir şeymi keşfettin. HTML'i AMS'ye bağlamak güzel olurdu haa

[TLnY]

[quote name='KintaRo' date='04 Mart 2011 - 19:22 ' timestamp='1299263546' post='974081']
Yok estağfurullah ne özrü, bende dedim yeni bir şeymi keşfettin. HTML'i AMS'ye bağlamak güzel olurdu haa
[/quote]
Plugin ci bir arkadaşa söyleyelim, yapıversin

Bu arada mucit41, yardım etmeye çalışman güzel, ancak işime yaramadı Yinede teşekkür ederim.





Bu ilk mesajda istediğim şey AMS 8 ile gelen özellikler arasında yer almıyor değil mi? Hala işime yarayabilecek birşey çünkü. Tree nesnesi falan cazip gelmiyor

Edited March 13, 2011 by TLnY

[KintaRo]

maalesef.