Önce document.ready(function){ } nedir, ondan biraz bahsetmem gerek.. Web sayfamız açılırken, içerisindeki tüm html etiketlerinin yorumlanması için belli bir süre gerekmektedir.. Örneğin sayfanın ortasında h3 etiketi ile ilgili bir işlem yapacağız, ama sayfayı en baştan sona kadar eğer yorumlamamışsa tarayıcı h3 etiketlerini bulamayacaktır. Öyle ise, tüm sayfanın derlenmesinden sonra çalıştırılmasını istediğimiz işlevleri, document.ready(function) a yazmamız gerekmektedir, ya da sayfanın en altına kodumuzu eklemeliyiz…

Sayfanın tüm html etiketleri yorumlanıp, derlendikten sonra, hem ustEtiket sınıfına hem de ust etiketin altında bulunan altEtiket sınıfına ait olan etiketleri gizlemek istiyorum bu yüzden;

  1.  $(".ustEtiket .altEtiket").click(function(){

ifadesini kullandım… Daha sonra, butonlara altEtiket dediğim sınıfta tanımlayaacağım ve butona tıklandığında, her iki sınıfında geçerlilik kuralını sağladığı için, bana geçerli alanı göstermeyecek yani kapatacak…

  1. <html>
  2. <head>
  3. <script type="text/javascript" src="jquery.js"></script>
  4. <script type="text/javascript">
  5. $(document).ready(function(){
  6.   $(".ustEtiket .altEtiket").click(function(){
  7.     $(this).parents(".ustEtiket").hide("slow");
  8.   });
  9. });
  10. </script>
  11. <style type="text/css">
  12. div.ustEtiket
  13. {
  14. background-color:#e5eecc;
  15. padding:17px;
  16. border:solid 3px #c3c3c3;
  17. }
  18. </style>
  19. </head>
  20. <body>
  21.  
  22. <h3>Kayseri </h3>
  23. <div class="ustEtiket">
  24. <button class="altEtiket">Bu bölümü gizlemek için tıkla….</button>
  25. <button >Buraya tıklasan da burası gizlenmez…</button>
  26. <p>Kayseri Türkiye'nin Kalbidir.. Gezilecek görülecek diyarı şehirdir, pastırması ise pek güzeldir…</p>
  27. </div>
  28.  
  29. <h3>Konya</h3>
  30. <div class="ustEtiket">
  31. <button class="altEtiket">Bu bölümü gizlemek için tıkla….</button>
  32. <button >Buraya tıklasan da burası gizlenmez…</button>
  33. <p>Konya Türkiye'nin Ruhudur…..</p>
  34. </div>
  35.  
  36. </body>
  37. </html>

Beğendiniz mi?






*** *** Rica*** ***

Merhaba, cep telefonları için bir uygulama yazdım. Uygulamamın başarılı olması için onu android marketten indirir misiniz? Kesinlikle virüs ya da benzeri tehlikeler içermemektedir.
Aslında faydasız bir uygulama da değil. Allah korusun, acil durumlarda kan ararsanız eğer, şehre ve kan grubuna göre kan arama uygulaması. indirmek için lütfen : tıklayınız

*** *** Rica*** ***