MediaWiki:Common.js

Note: After publishing, you may have to bypass your browser's cache to see the changes.

• Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
• Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
• Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5.

$(function() {
    // Sadece anasayfada çalışacak
    if (!mw.config.get("wgIsMainPage")) return;

    var host = window.location.hostname;

    // Dropdown HTML ve Temel Tasarım (Görünürlük için CSS eklendi)
    var dropdown = $(`
        <div id="languageDropdown" style="display:inline-block; position:relative; margin: 10px;">
            <button style="cursor:pointer; padding:5px 12px; background:#fff; border:1px solid #a2a9b1; border-radius:2px;">🌐 Language ▾</button>
            <div id="languageDropdownContent" style="display:none; position:absolute; top:100%; left:0; background-color:#fff; border:1px solid #a2a9b1; box-shadow:0 2px 2px rgba(0,0,0,0.1); z-index:1000; min-width:150px;">
            </div>
        </div>
    `);

    var content = dropdown.find("#languageDropdownContent");

    // Linkleri ekle (Doğrudan hedef ana sayfa linklerini veriyoruz)
    var languages = [
        { name: "Türkçe", url: "https://tr.sanarsiv.org/Ana_Sayfa" },
        { name: "Azərbaycanca", url: "https://az.sanarsiv.org/Ana_səhifə" },
        { name: "English", url: "https://en.sanarsiv.org/Main_Page" }
    ];

    languages.forEach(function(lang) {
        content.append(`<a href="${lang.url}" style="display:block; padding:8px 12px; color:#0645ad; text-decoration:none; border-bottom:1px solid #eaecf0;">${lang.name}</a>`);
    });

    // Menü stillerini hover efekti için güncelle
    content.find("a").hover(
        function() { $(this).css("background-color", "#f8f9fa"); },
        function() { $(this).css("background-color", "#fff"); }
    );

    // Anasayfanın başlığına veya içeriğin en üstüne ekle
    $("#firstHeading").append(dropdown); 

    // Aç/kapa fonksiyonu
    dropdown.find("button").on("click", function(e) {
        e.stopPropagation();
        $("#languageDropdownContent").toggle();
    });

    // Dropdown dışına tıklayınca kapatma
    $(document).on("click", function(event) {
        if(!$(event.target).closest('#languageDropdown').length) {
            $("#languageDropdownContent").hide();
        }
    });
});