Js: Append Tarzı Birşey
-
$('#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.
-
html() :|
-
Cosmic bunu yazdı:
-----------------------------html() :|
-----------------------------sayfayı tamamen değiştirmek istemiyorum.
<body></body>
arasına birşeyler yerleştiricem.
bununla html kodlarını ekleyebilirsin.Sayfa kaynağını gösterde görünmez.FAkat javascrit ile eklenir (javascript aktif değilse oraya yüklenmez)
-
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
-
<!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
-
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ş.
-
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.
-
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.
