Komut Dosyası Oluşturma – Blog Yazma – Web Tasarımı Yapımı – Web Tasarımı YouTube Videosu Yapımı – Web Sitesi Tasarlama Fiyatları
Komut Dosyası Oluşturma
DOM komut dosyası oluşturma ve CSS’yi dinamik olarak uygulanan ve kaldırılan sınıflara ayırmak, web tasarımcılarının hayatını çok daha kolay hale getirmenize olanak tanır. DOM ve JavaScript’i kullanmak, belgede CSS seçicilerinin izin verdiğinden çok daha fazlasına erişmenizi sağlar. Örneğin, fareyle üzerine gelme efektleri için CSS’deki bir üst öğeye ulaşmanın bir yolu yaygın bir istektir.
CSS’de bu imkansızdır; JavaScript’te parentNode aracılığıyla elde etmek oldukça kolaydır. JavaScript ve DOM ile, sınıfları ve kimlikleri uygulamak, içerik oluşturmak ve hatta STYLE ve LINK öğelerini ekleyip çıkararak tüm stil sayfalarını ekleyip çıkarmak için HTML içeriğini değiştirerek tasarımcıya stil sayfası için dinamik kancalar sağlayabilirsiniz.
Dinamik Sayfaları Şekillendirmek
Tasarımcının, bir sitenin komut dosyasıyla geliştirilmiş sürümü ve komut dosyası olmayan sürümü için farklı stiller oluşturmasını mümkün olduğunca kolaylaştırmak çok önemlidir.
Komut dosyası olmayan sürüm çok daha basit olabilir ve bunun için gereken stiller daha az olma eğilimindedir (örneğin, HTML adres örneğinde, bağlantı JavaScript aracılığıyla oluşturulduğundan, JavaScript etkinleştirildiğinde yalnızca H3 içinde tanımlanmış bağlantı stillerine ihtiyacınız vardır) . Komut dosyası oluşturma etkinleştirildiğinde tasarımcıya benzersiz bir tanımlayıcı vermek için gerçekten kolay bir seçenek, gövdeye veya mizanpajın ana öğesine bir sınıf uygulamaktır.
Bu şekilde CSS tasarımcısı, JavaScript devre dışı bırakıldığında hangi ayarların uygulanacağını stil sayfasında tanımlayabilir ve JavaScript etkinleştirildiğinde gövdeyi bir alt seçicide sınıf adıyla birlikte kullanarak bunların üzerine yazabilir.
Bu, siteniz aşırı karmaşık değilse ve çok fazla dinamik öğe içermiyorsa iyi çalışır. Daha karmaşık siteler için, JavaScript olmayan ve JavaScript sürümleri için farklı bir stil sayfası kullanabilir ve ikincisini JavaScript aracılığıyla ekleyebilirsiniz.
Bunun ek bir faydası da vardır: düşük seviyeli kullanıcı, kendisine hiçbir faydası olmayan bir stil sayfası yüklemek zorunda değildir. Belgenin başlığında yeni bir LINK öğesi oluşturarak dinamik stil sayfaları ekleyebilirsiniz. Bu örnekte, düşük seviyeli bir stil sayfası ekleyerek başlıyorsunuz.
HTML örneğinin başı, komut dosyası yürütüldükten sonra aşağıdaki gibidir (bunu Firefox’ta tüm belgeyi Ctrl+A veya Cmd+A ile seçip ardından herhangi bir yere sağ tıklayıp Seçilen Kaynağı Görüntüle’yi seçerek test edebilirsiniz).
Stillerin dinamik değişimiyle daha önce karşılaşmış olabilirsiniz. 2001 gibi erken bir tarihte, sözde stil değiştiriciler moda oldu. Bunlar, kullanıcının belirli bir listeden bir stil seçerek bir sayfanın görünümünü ve hissini seçmesine izin veren küçük sayfa widget’larıdır. Modern tarayıcılarda bu seçenek yerleşik olarak bulunur; örneğin Firefox’ta Görünüm ➤ Sayfa Stili’ni seçebilir ve aralarından seçim yapabileceğiniz tüm mevcut stilleri alabilirsiniz.
JavaScript geliştiricileri MSIE için akıllıca bir numara buldular – bir bağlantı öğesinin devre dışı özniteliğini ayarlarsanız, tarayıcı bunu uygulamaz. Bu nedenle, yapmanız gereken tek şey, belgenin tüm bağlantı öğeleri arasında dolaşmak ve seçilenler dışındakileri devre dışı bırakmaktır.
Java komutları
Java Dosyadan satır silme
Metin belgesini java yapma
Eclipse
Minecraft Server başlatma kodu
Java File Nedir
eclipse ide nedir?
Java txt dosyasına veri yazma
ÖrnekStyleSwitcher.html demosu bunun nasıl yapıldığını gösterir. HTML’de, büyük baskı ve yüksek kontrast için bir ana stil sayfası ve alternatif stil sayfaları tanımlarsınız.
Senaryo karmaşık değil. Belgedeki tüm LINK öğeleri arasında geçiş yaparsınız ve her biri için özniteliğinin stil sayfası mı yoksa alternatif stil sayfası mı olduğunu belirlersiniz. Seçili olan stil sayfası dışında tümünü devre dışı bırakan bir işleve işaret eden bağlantılar içeren yeni bir liste oluşturur ve bu listeyi belgeye eklersiniz.
İki özellikle başlarsınız: biri CSS stiline izin vermek için “stil menüsünün” kimliğini saklamak için, diğeri ise mevcut tüm stillerden önce ilk liste öğesi olarak gösterilecek bir etiketi saklamak için.
Belgedeki tüm LINK öğeleri arasında dolaşıyorsunuz. Her öğe için rel özniteliğinin değerini test edin. Değer stil sayfası veya alternatif stil sayfası değilse, bu LINK öğesini atlayın. Bu, RSS beslemesi gibi LINK etiketleri aracılığıyla sunulan diğer alternatif içeriğin devre dışı bırakılmasını önlemek için gereklidir.
Her stil için bir bağlantı içeren yeni bir liste öğesi oluşturun ve bağlantının metin değerini LINK öğesinin başlık özniteliğinin değerine ayarlayın. Bağlantının bağlantı olarak görünmesi için boş bir href niteliği ayarlayın; aksi takdirde kullanıcı yeni bağlantıyı etkileşimli bir öğe olarak tanımayabilir.
setSwitch() yöntemini tetikleyen ve bağlantının kendisini this anahtar sözcüğü aracılığıyla bir parametre olarak gönderen bağlantıya bir olay işleyicisi uygulayın. Daha sonra menü listesine yeni liste öğeleri eklemeye devam edebilir ve döngü tamamlandığında listeyi belge gövdesine ekleyebilirsiniz.
setSwitch() yönteminde, o parametresi olarak etkinleştirilen bağlantıyı alırsınız. Tüm LINK öğeleri arasında dolaşın ve başlık özniteliğinin bağlantının metin içeriğiyle aynı olup olmadığını görmek için her birini test edin (bağlantıları oluştururken düğüm türünü test etmeden firstChild.nodeValue aracılığıyla metni güvenle okuyabilirsiniz).
Başlık farklıysa, LINK’in disable özelliğini true olarak ayarlayın; ve aynıysa, disable öğesini false olarak ayarlayın ve rel niteliğini alternatif stil sayfası yerine stil sayfasına ayarlayın. Ardından false döndürerek bağlantının izlenmesini durdurun.
Paul Sowden, 2001 yılında Alistapart.com’da “Alternatif Stil: Alternatif Stil Sayfalarıyla Çalışmak” başlıklı makalesiyle bu numaraya öncülük etti. Netscape 4 (2001 olduğunu unutmayın) bu yöntemi gerektiği gibi desteklemediği için, Daniel Ludwin 2002’de Document.write’ı kullanan (kodlama stili açısından biraz geriye doğru bir adım) “Geriye Uyumlu Stil Değiştirici” ile geldi.
JavaScript stili anahtarlayıcıların erişilemezliğiyle ilgili yorumların ardından Chris Clark, 2002’de “Bir PHP Anahtarı Oluşturun” makalesiyle hileli sunucu tarafına geçti. Bu yöntem daha kararlıdır, ancak yeni bir stil uygulamak için sayfayı yeniden yüklemeniz gerektiği anlamına gelir.
Arada aynı fikrin pek çok çeşidi ortaya çıktı ve 2005’te Dustin Diaz bu fikri benimsedi ve PHP değiştiricinin kararlılığını JavaScript ile geliştirilmiş bir arayüzün kayganlığı ile “Göze Çıkmayan Bozunabilir Ajax Stil Sayfası Değiştirici”sinde karıştırdı. bu, boşluğu kapatmak için Ajax’ı kullanır.
Stil değiştiriciler, özellikle kullanıcıların daha büyük yazı tipleri veya ön plan ile arka plan arasında daha yüksek kontrast gibi zayıf görme gibi sorunların üstesinden gelmesine yardımcı olabilecek stiller sunduğunuz zaman yararlı bir özellik olabilir. Öte yandan, yalnızca farklı stiller sunmak adına kullanırsanız, oldukça anlamsız olabilirler.
Stil değiştirici fikrinin bu evrimi, JavaScript çözümlerinin hiçbir zaman kesin olarak belirlenmediğini, ancak bir üretim ortamında veya canlı bir sitede gerçekten uygulanabilir olması için “gerçek dünyada” test edilmeye ve kullanıcılardan ve diğer geliştiricilerden gelen geri bildirimlere ihtiyaç duyduğunu gösteriyor.
Bu günlerde internette gezinirseniz, çok şey vaat eden ancak daha yakından incelendiğinde yavaş, kararsız veya başka bir teknolojiyle çok daha iyi yapılabilecek temiz bir numara olduğu ortaya çıkan birçok “deneysel” komut dosyası göreceksiniz. JavaScript’te her şeyi yapabiliyor olmamız, yapmamız gerektiği anlamına gelmez.
