İsteğe Bağlı Dinamik Ajax Menüleri – Blog Yazma – Web Tasarımı Yapımı – Web Tasarımı YouTube Videosu Yapımı – Web Sitesi Tasarlama Fiyatları
İsteğe Bağlı Dinamik Ajax Menüleri
Dinamik navigasyonun sahip olduğu sorunlardan biri, kullanıcıya çok fazla seçenek sunabilmenizdir. Daraltılmış olduğunu gördüğünüzde kullanımı kolay bir menüyü düşünmek oldukça caziptir ve içinde gezinmek için bölümleri daraltıp genişletebilirsiniz, ancak JavaScript ve CSS’yi kapattığınızda ve tüm bağlantıları gördüğünüzde bu farklı bir hikaye. bir Zamanlar. Şimdi, göremedikleri için web sitenizi dinleyen veya sayfada gezinmek için ekranın yalnızca bir bölümünü yakınlaştırması gereken ziyaretçileri de düşünün.
Ziyaretçilere gelişmiş bir dinamik menüyü etkinleştirme seçeneği sunmak ve aksini seçenlere yalnızca gerekli minimum menü yapısını vermek çok daha yararlı olmaz mıydı?
Önceki bölümde kullandığınız menü yapısını hatırlayın. Mevcut sayfaya karşılık gelen menü öğesini GÜÇLÜ bir öğe olarak göstermenin çok iyi bir fikir olduğunu zaten söylemiştim. Bu fikri daha da ileri götürelim ve menüyü gerçekten gerekli olana indirelim.
Bunun anlamı, geçerli öğe (veya üst öğesi) dışındaki tüm iç içe öğeleri menü öğelerinden kaldıracağınızdır. Örneğin, şirket portalı sayfasında bu aşağıdaki gibi olacaktır.
Bunu şimdiye kadar JavaScript’te kolayca yapabilirsiniz; ancak JavaScript’i olmayan ziyaretçiler tam menüyü almaya devam edeceğinden, bu alıştırmanın amacını ortadan kaldıracaktır.
Bunun yerine, PHP’de bunu sizin için yapan bir sunucu tarafı komut dosyası kullanacaksınız. Her sayfada bu komut dosyası:
• Gezinme şablonunu yükler
• Tüm bağlantıları kontrol eder ve mevcut dosya adıyla eşleşeni değiştirir
GÜÇLÜ bir öğeyle (düzenli ifadeler aracılığıyla)
• GET yoluyla gönderilen bir ?ajax parametresi olup olmadığını kontrol eder ve değilse, aynı zamanda GÜÇLÜ bir öğe içeren bir LI öğesinin içinde olmayan tüm iç içe listeleri kaldırır.
Bu bir PHP kitabı olmadığı için burada betiğin ayrıntılarına girmeyeceğiz; Bir göz atmak isterseniz, script globals.php olarak adlandırılır ve bu bölüm için kod indirmesinin navigasyon klasöründe bulunur. Bu betiği kullanarak, kullanıcılara gereksiz bağlantılar olmadan tamamen işlevsel bir menü sunabilirsiniz.
Artık, kullanıcıya tüm site haritasını gösteren ve tüm sayfayı yeniden yüklemek yerine XHR aracılığıyla içeriği yükleyen daha gelişmiş bir gezinme menüsü sunmak için JavaScript’i kullanabilirsiniz.
Bunu başarmak için, önceki bölümde geliştirilen dinamik gezinme komut dosyasını yeniden kullanabilir ve yalnızca geçerli sayfa için URI’de ajax adlı bir arama parametresi olduğunda daraltma ve genişletme işlevini tetikleyen bir satır ekleyebilirsiniz.
Ana komut dosyası aşağıdakileri yapmak zorunda kalacak:
• Kullanıcının Ajax işlevini açmasına veya kapatmasına izin veren bir bağlantıyla gezinmeye yeni bir liste öğesi ekleyin (temel veya gelişmiş bir gezinme seçin).
• URI’de ajax parametresi yoksa durun ve arka ucun navigasyonu oluşturmasına ve değiştirmesine izin verin.
• Aksi takdirde, sayfayı yeniden yüklemek yerine bağlantılı belgeleri XHR aracılığıyla bir çıktı kabına yükleyerek gezinmedeki tüm bağlantılara olay işleyicileri ekleyin.
• Eski STRONG öğesini, başka bir bağlantı etkinleştirildiğinde, sağ belgeye ve XHR işleyicisine işaret eden bir bağlantıyla değiştirin.
• Diğer bağlantıyı GÜÇLÜ bir öğeyle değiştirin ve bağlantının bulunduğu menü bölümünü genişletin ve vurgulayın.
JavaScript PROGRAMLAMA
JavaScript yazılım dili
Javascript programlama dili midir
AJAX language
Ajax meaning
JavaScript özellikleri
Xhr Nedir
Document Object Model Nedir
Not : Bu, GÜÇ Öğelerinin yerini alan bağlantıların hangi belgeye işaret etmesi gerektiğini bilmeniz gerektiği anlamına gelir. Bunu, dosya adını (.php uzantısı olmadan, çünkü sınıf adları nokta içeremez) STRONG’un class özniteliğinde saklayarak yapabilirsiniz. Bu, en temiz seçenek değildir, ancak oluşturulmuş bir öznitelikle geçersiz HTML kullanmaktan başka tek yoldur. PHP betiği, vurgulanan menü öğesinde size bu işlevi sağlar.
Menünün kimliği, boş bir özellik olarak tetikleyici ve her iki durum için kimliği ve etiketleri gibi bir grup özellikle başlarsınız. Tetik, menüde Ajax işlevselliğini ve gelişmiş gezinmeyi açan veya kapatan bir liste öğesi haline gelecektir.
Duruma bağlı olarak, farklı etiketler bağlantı metni olacaktır. Ayrıca, çıktı öğesinin kimliğini ve XHR içeriği yüklerken görüntülenen mesajı tanımlarsınız.
init() yönteminin gerekli tüm öğeleri test etmesi, menüye bağlantı eklemek için createTrigger() öğesini çağırması ve geçerli URL’de ajax arama parametresi olmadığında başka bir şey yapmaması gerekir.
Sonuncusu dışındaki tüm bağlantıları ve href niteliği olarak yalnızca bir kare işaretine (#) sahip olan bağlantıları dolaşın; her biri için xhr yöntemini işaret eden bir tıklama olay işleyicisi atayın. Son bağlantı tetikleyici olduğu için sonuncuyu atlamanız gerekir; href öznitelik değerleri yalnızca # olan bağlantılar, dinamik menü komut dosyası tarafından eklenenlerdir.
Ardından tetiğin içindeki bağlantıyı alır ve soru işareti de dahil olmak üzere her şeyi kaldırırsınız. Bu, kullanıcı bağlantıyı tıklarsa hem Ajax’ı hem de dinamik menü işlevini kapatacağı anlamına gelir. Ayrıca, temel gezinme için bağlantı metnini etiket metnine değiştirebilirsiniz.
xhr() yönteminin geçerli bağlantıyı getTarget() aracılığıyla alması ve doğru düğümAdı ile karşılaştırarak olay hedefinin bir bağlantı olduğundan emin olması gerekir.
Bağlantının bulunduğu liste öğesini almak için parentNode’u kullanır ve öğenin GÜÇLÜ bir öğe içerip içermediğini kontrol eder. Bir GÜÇLÜ öğe varsa, xhr(), dinamik menü komut dosyasında tanımlanan parametreler aracılığıyla geçerli bölümü vurgular. Diğer vurguları geri almak ve içerik kapsayıcı öğesine yüklenecek url’yi almak için removeOldHighlight() öğesini çağırır.
xhr() ve yardımcı yöntemlerinin geri kalanı, alınan() ve fail(), bu bölümdeki diğer örneklerden farklı değildir. createTrigger() yöntemi, önceden tanımlanmış bir tetikleyici olup olmadığını kontrol eder ve gerekirse yeni bir tetikleyici oluşturur.
Tetikleyici, kullanıcının farklı gezinme durumları arasında geçiş yapmasına izin veren bağlantıyı içeren liste öğesidir. Sonuçta bu yöntemde init() yönteminin bir parçası olması şaşırtıcı olmamalı. Diğer komut dosyalarının tetikleyiciyi bir kez daha eklemesi gerekirse, bunun gibi işlevleri kendi yöntemlerinde tutmak iyi bir fikir olabilir.
Web sitelerinizi, arama motorlarında en yukarı getirmek adına sizlere 3 adet paket öneriyoruz. Bu paketler sayesinde web siteleriniz aramalarda 1 yıl içerisinde en yukarıya tırmanacaktır.
1) Backlink Paketi 50 $ (Yıllık Ücret)
2) Hızlandırma Paketi 300 $ (Yıllık Ücret)
3) Kelime Yönlendirme Paketi 150 $ (Aylık Ücret)
