JQuery ile Link davranışını iptal etme


Ajax’lı uygulamalar yaparken, tıklanan bir linkin direkt olarak
standart sayfadaki gibi href’inde tanımlanan adrese gitmesini engellemek gerekebilir.
Elbette bu durum hiç hiperlink kullanmayarak sağlanabilir
ancak sayfanın javascript’in çalışmadığı yerlerde de
eksiksiz çalışmasını sağlama(Hijax Yaklaşımı) için linkleri
kullanmak zaruridir.
Aşağıdaki fonksiyon ortamda javascript varsa sayfadaki tüm linkleri
iptal eder ve tıklandığında ilgili sayfaya gitmez. Bunun yerine kullanıcının tanımladığı fonksiyonlar çalıştırılır.
Eğer ortamda Javascript yoksa (mesela sayfa ceptelefonundan geziliyor) bu durumdaysa script tagları arasındaki kodlar zaten çalışmayacağından linkler standart olarak davranırlar

$(document).ready(function(){

$("a").attr("onclick","return false;"); 

});//dr
Reklamlar

JQuery ile Link davranışını iptal etme


Ajax’lı uygulamalar yaparken, tıklanan bir linkin direkt olarak
standart sayfadaki gibi href’inde tanımlanan adrese gitmesini engellemek gerekebilir.
Elbette bu durum hiç hiperlink kullanmayarak sağlanabilir
ancak sayfanın javascript’in çalışmadığı yerlerde de
eksiksiz çalışmasını sağlama(Hijax Yaklaşımı) için linkleri
kullanmak zaruridir.
Aşağıdaki fonksiyon ortamda javascript varsa sayfadaki tüm linkleri
iptal eder ve tıklandığında ilgili sayfaya gitmez. Bunun yerine kullanıcının tanımladığı fonksiyonlar çalıştırılır.
Eğer ortamda Javascript yoksa (mesela sayfa ceptelefonundan geziliyor) bu durumdaysa script tagları arasındaki kodlar zaten çalışmayacağından linkler standart olarak davranırlar


$(document).ready(function(){

$("a").attr("onclick","return false;");

});//dr

CSS liste tagları


Aşağıdaki gibi bir listenin olduğunu varsayalım:

<div id=”menu1″>
<ul>
<li><a href=”fins_site.html”>Site Ekle</a></li>
<li><a href=”fins_sakin.php”>Sakin Ekle</a></li>
<li><a href=”fins_sitegideri.php”>Gider Ekle</a></li>
<li><a href=””>Ödeme Ekle</a></li>
</ul>
</div>

Bu menünün görünümü standart altalta ve başlarında yuvarlaklar bulunan maddeler listesi olarak görüntülenir.

Ancak webde bilinen bir trend olarak menü oluştururken de <ul> ve <li> tagları kullanma adeti vardır. Dikey menüler böyle oluşturulabilir Ancak Yatay Menüler için css tarafında şu kodları kullanmak gerekir:

#menu1 ul
{

list-style:none;

}

#menu1 ul li
{
display: block;
float: left;
}

Bu durumda <li> tagları arasındaki ifadeler yanyana ve başlarında yuvarlak olmaksızın görüntülenirler.

CSS liste tagları


Aşağıdaki gibi bir listenin olduğunu varsayalım:


Bu menünün görünümü standart altalta ve başlarında yuvarlaklar bulunan maddeler listesi olarak görüntülenir.

Ancak webde bilinen bir trend olarak menü oluştururken de

    ve

  • tagları kullanma adeti vardır. Dikey menüler böyle oluşturulabilir Ancak Yatay Menüler için css tarafında şu kodları kullanmak gerekir:

    #menu1 ul
    {

    list-style:none;

    }

    #menu1 ul li
    {
    display: block;
    float: left;
    }

    Bu durumda

  • tagları arasındaki ifadeler yanyana ve başlarında yuvarlak olmaksızın görüntülenirler.

WordPress.com'da Blog Oluşturun.

Yukarı ↑