MediaWiki:Common.js: Difference between revisions

No edit summary
Tag: Reverted
No edit summary
Tag: Reverted
Line 5: Line 5:
     var host = window.location.hostname;
     var host = window.location.hostname;


     // Dropdown HTML ve Temel Tasarım (Görünürlük için CSS eklendi)
     // Dropdown HTML (Stilleri içine gömdüm ki düzgün görünsün)
     var dropdown = $(`
     var dropdown = $(`
         <div id="languageDropdown" style="display:inline-block; position:relative; margin: 10px;">
         <div id="languageDropdown" style="display:inline-block; position:relative; margin-top:10px;">
             <button style="cursor:pointer; padding:5px 12px; background:#fff; border:1px solid #a2a9b1; border-radius:2px;">🌐 Language ▾</button>
             <button style="cursor:pointer; padding:5px 10px;">🌐 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 id="languageDropdownContent" style="display:none; position:absolute; bottom:100%; left:0; background:#fff; border:1px solid #ccc; min-width:140px; box-shadow:0 -2px 5px rgba(0,0,0,0.1); z-index:9999;">
             </div>
             </div>
         </div>
         </div>
Line 16: Line 16:
     var content = dropdown.find("#languageDropdownContent");
     var content = dropdown.find("#languageDropdownContent");


     // Linkleri ekle (Doğrudan hedef ana sayfa linklerini veriyoruz)
     // Linkleri belirlediğiniz yapıya göre ekliyoruz
     var languages = [
     if(host === "tr.sanarsiv.org") {
         { name: "Türkçe", url: "https://tr.sanarsiv.org/Ana_Sayfa" },
         content.append('<a href="https://tr.sanarsiv.org/wiki/Ana_Sayfa" style="display:block; padding:8px; border-bottom:1px solid #eee;">Türkçe</a>');
         { name: "Azərbaycanca", url: "https://az.sanarsiv.org/Ana_səhifə" },
        content.append('<a href="https://az.sanarsiv.org/wiki/Ana_səhifə" style="display:block; padding:8px;">Azərbaycanca</a>');
         { name: "English", url: "https://en.sanarsiv.org/Main_Page" }
    } else if(host === "en.sanarsiv.org") {
     ];
         content.append('<a href="https://az.sanarsiv.org/wiki/Ana_səhifə" style="display:block; padding:8px; border-bottom:1px solid #eee;">Azərbaycanca</a>');
        content.append('<a href="https://tr.sanarsiv.org/wiki/Ana_Sayfa" style="display:block; padding:8px;">Türkçe</a>');
    } else if(host === "az.sanarsiv.org") {
         content.append('<a href="https://tr.sanarsiv.org/wiki/Ana_Sayfa" style="display:block; padding:8px; border-bottom:1px solid #eee;">Türkçe</a>');
        content.append('<a href="https://en.sanarsiv.org/wiki/Main_Page" style="display:block; padding:8px;">English</a>');
     }


    languages.forEach(function(lang) {
     // İstediğiniz konum: Anasayfanın altı
        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>`);
     $("#content").append(dropdown);
    });
 
    // 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
     // Aç/kapa
     dropdown.find("button").on("click", function(e) {
     dropdown.find("button").click(function(e) {
         e.stopPropagation();
         e.stopPropagation();
         $("#languageDropdownContent").toggle();
         $("#languageDropdownContent").toggle();
     });
     });


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