MediaWiki:Common.js: Difference between revisions
No edit summary Tag: Reverted |
No edit summary Tag: Reverted |
||
| Line 4: | Line 4: | ||
var host = window.location.hostname; | var host = window.location.hostname; | ||
// Dropdown HTML | // Dropdown HTML ve Temel Tasarım (Görünürlük için CSS eklendi) | ||
var dropdown = $(` | var dropdown = $(` | ||
<div id="languageDropdown" style="display:inline-block;"> | <div id="languageDropdown" style="display:inline-block; position:relative; margin: 10px;"> | ||
<button>🌐 Language ▾</button> | <button style="cursor:pointer; padding:5px 12px; background:#fff; border:1px solid #a2a9b1; border-radius:2px;">🌐 Language ▾</button> | ||
<div id="languageDropdownContent" style="display:none;"></div> | <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> | </div> | ||
`); | `); | ||
var content = dropdown.find("#languageDropdownContent"); | |||
var content = | |||
// 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" } | |||
]; | |||
// Anasayfanın | 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 | // Aç/kapa fonksiyonu | ||
dropdown.find("button").on("click", function(e) { | |||
e.stopPropagation(); | |||
$("#languageDropdownContent").toggle(); | $("#languageDropdownContent").toggle(); | ||
}); | }); | ||
// Dropdown dışına tıklayınca kapatma | // Dropdown dışına tıklayınca kapatma | ||
$(document).click | $(document).on("click", function(event) { | ||
if(!$(event.target).closest('#languageDropdown').length) { | if(!$(event.target).closest('#languageDropdown').length) { | ||
$("#languageDropdownContent").hide(); | $("#languageDropdownContent").hide(); | ||