İçeriğe atla

MediaWiki:Common.js: Revizyonlar arasındaki fark

islami lugat,islami site,islami sözlük sitesinden
"Buraya konulacak JavaScript kodu sitedeki her kullanıcı için her sayfa yüklendiğinde çalışacaktır: $(function() { // Sağda açılır menü için HTML ekle var sidebarHtml = ` <div id="recent-pages-toggle" style=" position: fixed; top: 50px; right: 0; background: #f5f5f5; border: 1px solid #ccc; border-right: none; width: 280px; max-height: 70vh; overflow-y: auto; box-shado..." içeriğiyle yeni sayfa oluşturdu
 
Değişiklik özeti yok
 
(Aynı kullanıcının aradaki diğer 16 değişikliği gösterilmiyor)
1. satır: 1. satır:
/* Buraya konulacak JavaScript kodu sitedeki her kullanıcı için her sayfa yüklendiğinde çalışacaktır */
/* Buraya konulacak JavaScript kodu sitedeki her kullanıcı için her sayfa yüklendiğinde çalışacaktır */
$(function() {
$(function() {
  // Sağda açılır menü için HTML ekle
   var sidebarHtml = `
   var sidebarHtml = `
     <div id="recent-pages-toggle" style="
     <div id="recent-pages-toggle">
      position: fixed;
       <div id="recent-pages-header">🕘 En Yeni Sayfalar ▼</div>
      top: 50px;
       <ul id="recent-pages-list">
      right: 0;
      background: #f5f5f5;
      border: 1px solid #ccc;
      border-right: none;
      width: 280px;
      max-height: 70vh;
      overflow-y: auto;
      box-shadow: -2px 0 6px rgba(0,0,0,0.1);
      z-index: 9999;
      transform: translateX(100%);
      transition: transform 0.3s ease-in-out;
      font-family: sans-serif;
      padding: 10px;
      border-radius: 8px 0 0 8px;
    ">
       <div style="text-align:center; font-weight:bold; cursor:pointer; margin-bottom:10px;" id="recent-pages-header">
        🕘 En Yeni Sayfalar ▼
      </div>
       <ul id="recent-pages-list" style="list-style:none; padding:0; margin:0;">
         <li>Yükleniyor...</li>
         <li>Yükleniyor...</li>
       </ul>
       </ul>
     </div>
     </div>
     <button id="recent-pages-button" style="
     <button id="recent-pages-button">Yeni Sayfalar</button>
      position: fixed;
      top: 50px;
      right: 0;
      z-index: 10000;
      background: #007bff;
      border: none;
      color: white;
      padding: 8px 12px;
      cursor: pointer;
      border-radius: 8px 0 0 8px;
      font-weight: bold;
      font-family: sans-serif;
    ">Yeni Sayfalar</button>
   `;
   `;
  $('body').append(sidebarHtml);


   $('body').append(sidebarHtml);
   var sidebar = $('#recent-pages-toggle');
  var button = $('#recent-pages-button');
  var header = $('#recent-pages-header');
 
  sidebar.addClass('closed');
 
  function toggleSidebar() {
    sidebar.toggleClass('closed');
  }
 
  button.click(toggleSidebar);
  header.click(toggleSidebar);


  // Aç/kapa butonu
   $.ajax({
   $('#recent-pages-button').click(function() {
     url: mw.util.wikiScript('api'),
     var sidebar = $('#recent-pages-toggle');
     data: {
     if (sidebar.css('transform') === 'matrix(1, 0, 0, 0, 0, 0)') {
      action: 'query',
       // Kapama
      list: 'recentchanges',
       sidebar.css('transform', 'translateX(100%)');
      rcprop: 'title|timestamp',
     } else {
      rclimit: 10,
       // Açma
      rcshow: '!bot',
      sidebar.css('transform', 'translateX(0)');
      rcnamespace: 0,
      rctype: 'new',
      rcdir: 'older',
      format: 'json'
    },
    dataType: 'json',
    success: function(data) {
       var changes = data.query.recentchanges;
      var listHtml = '';
       changes.forEach(function(change) {
        var url = mw.util.getUrl(change.title);
        listHtml += '<li><a href="' + url + '">' + change.title + '</a></li>';
      });
      $('#recent-pages-list').html(listHtml);
     },
    error: function() {
       $('#recent-pages-list').html('<li>Sayfalar yüklenemedi.</li>');
     }
     }
   });
   });
});


   // Başlık tıklayınca da aç/kapa yapalım
$(function() {
   $('#recent-pages-header').click(function() {
   var sidebarsHtml = `
     $('#recent-pages-button').click();
    <div id="recent-home-toggle">
   });
      <div id="recent-home-header">🕘 En Yeni Sayfalar ▼</div>
      <ul id="recent-home-list">
        <li>Yükleniyor...</li>
      </ul>
    </div>
    <button id="recent-home-button">Yeni Sayfalar</button>
  `;
  $('body').append(sidebarsHtml);
 
  var sidebar = $('#recent-home-toggle');
  var button = $('#recent-home-button');
   var header = $('#recent-home-header');
 
  sidebar.addClass('closed');
 
  function toggleSidebar() {
     sidebar.toggleClass('closed');
  }
 
  button.click(toggleSidebar);
   header.click(toggleSidebar);


  // DynamicPageList API çağrısı ile en yeni sayfaları çekelim (Ajax ile)
   $.ajax({
   $.ajax({
     url: mw.util.wikiScript('api'),
     url: mw.util.wikiScript('api'),
     data: {
     data: {
       action: 'query',
       action: 'query',
       list: 'allpages',
       list: 'recentchanges',
       aplimit: 7,
       rcprop: 'title|timestamp',
       apdir: 'descending',
       rclimit: 10,
       apnamespace: 0,
      rcshow: '!bot',
       rcnamespace: 0,
      rctype: 'new',
      rcdir: 'older',
       format: 'json'
       format: 'json'
     },
     },
     dataType: 'json',
     dataType: 'json',
     success: function(data) {
     success: function(data) {
       var pages = data.query.allpages;
       var changes = data.query.recentchanges;
       var listHtml = '';
       var listHtml = '';
       pages.forEach(function(page) {
       changes.forEach(function(change) {
         var url = mw.util.getUrl(page.title);
         var url = mw.util.getUrl(change.title);
         listHtml += '<li><a href="' + url + '">' + page.title + '</a></li>';
         listHtml += '<li><a href="' + url + '">' + change.title + '</a></li>';
       });
       });
       $('#recent-pages-list').html(listHtml);
       $('#recent-home-list').html(listHtml);
     },
     },
     error: function() {
     error: function() {
       $('#recent-pages-list').html('<li>Sayfalar yüklenemedi.</li>');
       $('#recent-home-list').html('<li>Sayfalar yüklenemedi.</li>');
     }
     }
   });
   });
});
$(function () {
  var targetUrl = '/index.php?title=Şablon:SonYeniSayfalar&action=render';
 
  // Anasayfa gövdesine ekle
  if ($('#recent-pages-body').length) {
    $('#recent-pages-body').load(targetUrl);
  }
  // Sağ kenar çubuğuna ekle (önceden bir boş div yerleştirmelisin)
  if ($('#recent-pages-sidebar').length) {
    $('#recent-pages-sidebar').load(targetUrl);
  }
});
});

08.22, 18 Haziran 2025 itibarı ile sayfanın şu anki hâli


/* Buraya konulacak JavaScript kodu sitedeki her kullanıcı için her sayfa yüklendiğinde çalışacaktır */
$(function() {
  var sidebarHtml = `
    <div id="recent-pages-toggle">
      <div id="recent-pages-header">🕘 En Yeni Sayfalar ▼</div>
      <ul id="recent-pages-list">
        <li>Yükleniyor...</li>
      </ul>
    </div>
    <button id="recent-pages-button">Yeni Sayfalar</button>
  `;
  $('body').append(sidebarHtml);

  var sidebar = $('#recent-pages-toggle');
  var button = $('#recent-pages-button');
  var header = $('#recent-pages-header');

  sidebar.addClass('closed');

  function toggleSidebar() {
    sidebar.toggleClass('closed');
  }

  button.click(toggleSidebar);
  header.click(toggleSidebar);

  $.ajax({
    url: mw.util.wikiScript('api'),
    data: {
      action: 'query',
      list: 'recentchanges',
      rcprop: 'title|timestamp',
      rclimit: 10,
      rcshow: '!bot',
      rcnamespace: 0,
      rctype: 'new',
      rcdir: 'older',
      format: 'json'
    },
    dataType: 'json',
    success: function(data) {
      var changes = data.query.recentchanges;
      var listHtml = '';
      changes.forEach(function(change) {
        var url = mw.util.getUrl(change.title);
        listHtml += '<li><a href="' + url + '">' + change.title + '</a></li>';
      });
      $('#recent-pages-list').html(listHtml);
    },
    error: function() {
      $('#recent-pages-list').html('<li>Sayfalar yüklenemedi.</li>');
    }
  });
});

$(function() {
  var sidebarsHtml = `
    <div id="recent-home-toggle">
      <div id="recent-home-header">🕘 En Yeni Sayfalar ▼</div>
      <ul id="recent-home-list">
        <li>Yükleniyor...</li>
      </ul>
    </div>
    <button id="recent-home-button">Yeni Sayfalar</button>
  `;
  $('body').append(sidebarsHtml);

  var sidebar = $('#recent-home-toggle');
  var button = $('#recent-home-button');
  var header = $('#recent-home-header');

  sidebar.addClass('closed');

  function toggleSidebar() {
    sidebar.toggleClass('closed');
  }

  button.click(toggleSidebar);
  header.click(toggleSidebar);

  $.ajax({
    url: mw.util.wikiScript('api'),
    data: {
      action: 'query',
      list: 'recentchanges',
      rcprop: 'title|timestamp',
      rclimit: 10,
      rcshow: '!bot',
      rcnamespace: 0,
      rctype: 'new',
      rcdir: 'older',
      format: 'json'
    },
    dataType: 'json',
    success: function(data) {
      var changes = data.query.recentchanges;
      var listHtml = '';
      changes.forEach(function(change) {
        var url = mw.util.getUrl(change.title);
        listHtml += '<li><a href="' + url + '">' + change.title + '</a></li>';
      });
      $('#recent-home-list').html(listHtml);
    },
    error: function() {
      $('#recent-home-list').html('<li>Sayfalar yüklenemedi.</li>');
    }
  });
});


$(function () {
  var targetUrl = '/index.php?title=Şablon:SonYeniSayfalar&action=render';
  
  // Anasayfa gövdesine ekle
  if ($('#recent-pages-body').length) {
    $('#recent-pages-body').load(targetUrl);
  }

  // Sağ kenar çubuğuna ekle (önceden bir boş div yerleştirmelisin)
  if ($('#recent-pages-sidebar').length) {
    $('#recent-pages-sidebar').load(targetUrl);
  }
});