• 16-08-2010, 19:57:06
    #1
    Eposta Aktivasyonu Gerekmekte
    Merhaba arkadaşlar, herkese kolay gelsin. Biraz önce bir arkadaşın div'i 2'ye bölmesini falan görmüştüm fakat maalesef o bana yardımcı olmadı. Benim istediğim olay şu. 2 tablo açtım. Sağ ve sol. Soldaki linklerden birine tıkladığımda sağdaki tabloya koyacağım sayfa değişsin. Yani bunu nasıl anlatırım bilmiyorum ama aşağıdaki resimde bunu görebilirsiniz.



    Soldaki linklerden birini tıkladığımda o tablodaki yer değişecek. Orası için farklı farklı html sayfalar yapacağım. Örneğin Soner Arıca'ya tıklanıldığında soner.html , Sezen Aksu'ya tıklanıldığında sezen.html sayfaları o tablonun içinde açılacak. Bunu nasıl gerçekleştirebilirim? Şimdiden ilgi ve alakanıza teşekkürler.
  • 16-08-2010, 20:34:22
    #2
    iframe kullanacaksın hocam kısaca. iframe'i araştır Google'da, birçok kaynak bulursun.
  • 16-08-2010, 21:32:03
    #3
    jQuery ile yapılabilir kendinize göre düzenliyebilirsiniz.

    http://ajaxdude.com/app/15/a-simple-ajax-website#demo
  • 17-08-2010, 17:28:04
    #4
    Çeşitli yöntemler mevcut, mesela jquery ile load;

    <script language="javascript" type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
    <script>
    function sayfa(href){
    	$('#alan').load(href);
    }
    </script>
    <a href="sonerarica.html" onclick="sayfa('sonerarica.html'); return false;">Soner Arıca</a>
    <div id="alan"></div>
  • 17-08-2010, 18:14:48
    #5
    iframe menu diye aratabilirsin."name" özeliğinden yapılıyor iframe' in ve a taginin target özelliği ile yapılıyor.
  • 17-08-2010, 22:05:29
    #6
    Kimlik doğrulama veya yönetimden onay bekliyor.
    http://aycan.net/Ek/tabmenu.html buradaki yapıyı css biliyorsan kolaylıkla istediğin yapıya çevirebilirsin. Eğer çeviremezsen yardımcı olmaya çalışırım.
  • 18-08-2010, 14:43:12
    #7
    Eposta Aktivasyonu Gerekmekte
    Arkadaşlar ilgi ve alakanıza teşekkür ederim. Iframe araştırdım fakat iframe maalesef sayfada görünmüyor. Aşağıda koyduğum kodu görebilirsiniz.

    <html>
    
    <frameset cols="307,*" frameborder="no">
    	<frame name="içindekiler" target="ana" src="sarkilar_sol.html">
    	<frame name="ana" src="sarkilar_sag.html">
    	<noframes>
    	<body>
    
    	<p></p>
    
    	</body>
    	</noframes>
    </frameset>
    
    </html>
    Bu kodu sayfaya koyduğumda sanki kodu hiç koymamışım gibi oluyor.
    Diğer arkadaşın verdiği ajax'ı inceledim ama hangi kod nereye konulacak hiç bilmiyorum. Yani rica etsem sol tarafa şu kod, sağ tarafa şu kod şeklinde bir kod verebilir misiniz? Yani onları ben çoğaltırım. Örneğin sol tarafta şu kod olacak.

    <div id="rounded">
    <img src="img/top_bg.gif" alt="top" /><div id="main" class="container">
        <h1>A simple AJAX driven jQuery website</h1>
        <h2>Because simpler is better</h2>
        
        <ul id="navigation">
        <li><a href="#page1">Page 1</a></li>
        <li><a href="#page2">Page 2</a></li>
        <li><a href="#page3">Page 3</a></li>
        <li><a href="#page4">Page 4</a></li>
        <li><img id="loading" src="img/ajax_load.gif" alt="loading" /></li>
        </ul>
        
        <div class="clear"></div>
        
        <div id="pageContent">
        Hello, this is a demo for a <a href="http://tutorialzine.com/2009/09/simple-ajax-website-jquery/" target="_blank">Tutorialzine tutorial</a>. To test it, click some of the buttons above. Have a nice stay!</div>
        
        </div>
        <div class="clear"></div>
    <img src="img/bottom_bg.gif" alt="bottom" /></div>
    Ben oradaki <li><a href="#page4">Page 4</a></li> kısımlarını çoğaltırım. Sağ tarafa nasıl bir kod gelecek bu ajax için hiç bilmiyorum.
    Tekrardan ilgi ve alakanıza teşekkürler.
  • 18-08-2010, 15:37:04
    #8
    Alıntı
    <a href ="link.htm" target ="showframe">Link without Anchor</a><br>
    <a href ="link.htm#C10" target ="showframe">Link with Anchor</a>
    Bunu bi htm l dökümanına yapıştırıp kaydet menu diye


    Alıntı
    <html>

    <frameset cols="180,*">

    <frame src="menu.htm" />
    <frame src="icerik.htm" name="showframe" />

    </frameset>

    </html>

    Bunuda anasayfa diye kaydet.Birde icerik diye bir sayfan olsun

    Şimdi naptığımızı anlatim.
    Bir menu sayfası yaratarak bunun içindeki linklere tıklanınca adı showframe olan iframe'de aç dedik.Bir icerik sayfası actık.Sonra anasayfa diye bir sayfa yaratıp içinde bu iki sayfayı çağırdık.
  • 18-08-2010, 15:39:55
    #9
    Üyeliği durduruldu
    KorsaNvBh adlı üyeden alıntı: mesajı görüntüle
    Şimdi naptığımızı anlatim.
    Bir menu sayfası yaratarak bunun içindeki linklere tıklanınca adı showframe olan iframe'de aç dedik.Bir icerik sayfası actık.Sonra anasayfa diye bir sayfa yaratıp içinde bu iki sayfayı çağırdık.
    Yardım etmişsiniz herşey güzel ama işte ben görünce dayanamıyorum.. Yazmayacaktım ama hocam şu yaratmak kelimesi yerine oluşturmak gibi kelimeler seçsek ne kaybederiz?