Js: Append Tarzı Birşey

  1. KısayolKısayol reportŞikayet pmÖzel Mesaj
    Ayro
    Ayro's avatar
    Kayıt Tarihi: 08/Ağustos/2005
    Erkek

    $('#load').after('<div class="yeni-gonderi yuvarla" id="yeni-gonderi"></div>');

    gibi birşey ile yükleme yapabiliyoruz.Süper.Fakat ben daha komplike birşey istiyorum.Bir menü var ve index'te tutuyorum (yada herhangi bir yerde olacak.Fakat bunun sayfayı görüntülediğinde görünmesini istemiyorum.Yukarda güzel bir efekt var.append falan var ama şöyle olmuyor ;

    <div id="ayroxMenuFix" onClick="javascript:acKapa('topAyroxMenu','ayroxMenu',25,-17,'ayroxMenuFix');"></div>

        <div id="ayroxMenu" class="roll shadow ayroxMenu">

            <a href="#!/hakkinda/"><div>Blog Hakkında</div></a>

            <a href="#!/kullanim/"><div>Blog Kullanımı</div></a>

            <a href="#!/gizlilik/"><div>Gizlilik Sözleşmesi</div></a>

            <a href="#!/kosul/"><div>Kullanım Koşulları</div></a>

        </div>

    </div>

    -----------

    Olduğu gibi eklemek istiyorum yani bütün hepsi javascript ile yüklensin.Denedim baya bulamadım.

    En son çare, bi id atayacağım ; başka bir sayfadan jquery ile id'ye ajax şeklinde çektirme yapıcam.Böylece orta olduğunu kimse anlamayacak fakat orda olacak.

  2. KısayolKısayol reportŞikayet pmÖzel Mesaj
    Cosmic
    Cosmic's avatar
    Kayıt Tarihi: 14/Haziran/2006
    Erkek

    html() :|


    Bittik biz bittik
  3. KısayolKısayol reportŞikayet pmÖzel Mesaj
    Ayro
    Ayro's avatar
    Kayıt Tarihi: 08/Ağustos/2005
    Erkek

    Cosmic bunu yazdı:
    -----------------------------

    html() :|


    -----------------------------

    sayfayı tamamen değiştirmek istemiyorum.

    <body></body>

    arasına birşeyler yerleştiricem.

    http://api.jquery.com/append/

    bununla html kodlarını ekleyebilirsin.Sayfa kaynağını gösterde görünmez.FAkat javascrit ile eklenir (javascript aktif değilse oraya yüklenmez)

  4. KısayolKısayol reportŞikayet pmÖzel Mesaj
    Cosmic
    Cosmic's avatar
    Kayıt Tarihi: 14/Haziran/2006
    Erkek

    edit: ha pardon yanlış anladım ben direk değiştirticektim body arasını ben sen ek istiyosun. load var html den load yapıyo kaynak gözükmeden işine yararmı ki


    Bittik biz bittik
  5. KısayolKısayol reportŞikayet pmÖzel Mesaj
    override
    override's avatar
    Kayıt Tarihi: 15/Aralık/2009
    Erkek
    <!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>
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript" ></script>
    <script type="text/javascript" >
    $(function(){
    
     $('a').click(function(){
     $('<div id="info" />').load('file.html #novies',function(){
     
    		$(this).hide().appendTo('#box').slideDown(1000);
     });
     return false; // js kapali ise sayfaya git
     });
     
    });// end anonymous function
    
    </script>
    
    <style type="text/css">
    
     
    
    </style>
    
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title></title>
    </head>
    
    <body>
    
    <div id="box">
    	<h1>My favorite movies</h1>
    </div>
     <a href="file.html">Load Movies</a>
    </body>
    </html>
    
     
    file.html
     

    <!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>
    </head>

    <body>

    <ul id="novies">
    <li>Esaretin Bedeli</li>
    <li>Contact</li>
    <li>BTTF</li>
    <li>Apollo 13</li>
    </ul>
    </body>
    </html>

     

    anladigim kadariyla boyle bisey istiyosun 


    g͇̫͛͆̾ͫ̑͆l͖͉̗̩̳̟̍ͫͥͨ
  6. KısayolKısayol reportŞikayet pmÖzel Mesaj
    Ayro
    Ayro's avatar
    Kayıt Tarihi: 08/Ağustos/2005
    Erkek

    yok abi..bak mesela 

    <div id="main"></div>

    --

    sanırım yine öyle yapıcam ajax ile.fakat farklı bir çözümü var mı diye merak ettim.append, after vs.. ile tek tek elyebiliyorsun.Yani <div id="a"></div>

    sonra a id'sine b içeriğini, b içeriğine c içeriğini.Çok uzun iş.

  7. KısayolKısayol reportŞikayet pmÖzel Mesaj
    override
    override's avatar
    Kayıt Tarihi: 15/Aralık/2009
    Erkek

    zumsuk bunu yazdı:
    -----------------------------

    yok abi..bak mesela 

     

    --

    sanırım yine öyle yapıcam ajax ile.fakat farklı bir çözümü var mı diye merak ettim.append, after vs.. ile tek tek elyebiliyorsun.Yani

     

    sonra a id'sine b içeriğini, b içeriğine c içeriğini.Çok uzun iş.


    -----------------------------

    anladim o zaman bir fonksiyon ile eklettirmek en iyisi olur.


    g͇̫͛͆̾ͫ̑͆l͖͉̗̩̳̟̍ͫͥͨ
  8. KısayolKısayol reportŞikayet pmÖzel Mesaj
    Ayro
    Ayro's avatar
    Kayıt Tarihi: 08/Ağustos/2005
    Erkek

    yok e.htm 'ye göndericem.ORdan sayfaya bir tane <div id="ekstra"></div>

    sonra 

    $('#e').load('e.htm');

    dedim mi tamamdır.Sıkıntı yok.Ama yarın öbürgün işime yararsa diye açayım dedim.şu an öyle yaptım en mantıklısı bu gibi.

Toplam Hit: 892 Toplam Mesaj: 8