Trang chủ wiki
  <script>
  jQuery(document).ready(function ($) {
    $("head").append(`<style>
        html{display: table; margin-bottom: 800px !important;}
        body{
            position: relative;
            padding: 20px 40px;
            overflow-x: hidden;
        }
        .tooltip {
            position: absolute;
            box-shadow: 2px 2px 6px gray;
            z-index: 9999;
            background-color: #f8f9fa;
            width: 500px;
            display: flex;
            align-items: stretch;
            padding: 10px;
          }
      .tooltip > div:first-child {
        flex: 1 0 45%;
      }
      .tooltip h3, .tooltip p {
        font-size: 14px !important;
        margin: 0px;
        padding: 0 10px;
      }
      .tooltip p {
        display: -webkit-box;
        -webkit-line-clamp: 15;
        text-overflow: ellipsis;
        overflow: hidden;
        -webkit-box-orient: vertical;
      }
      .tooltip h3 {
        font-weight: bold;
        text-transform: capitalize;
        text-align: center;
        line-height: 1.4;
      }
      .tooltip img {
        width: 100%;
        height: 100%;
        object-fit: cover;
      }
      .tooltip p:has(em) {
        text-align: center;
      }
    </style>`);

    

    let wikiTags = $('a[rel="mw:WikiLink"]');
    
    wikiTags.on("mouseleave", function () {
      $(".tooltip").remove();
    });

    wikiTags.on("mouseenter", function () {
      ajaxTooltipCore(this);
      let query = $(this).attr('href').trim().split("./")[1];
      $.ajax({
          url: `https://vi.wikipedia.org/api/rest_v1/page/summary/${query}`,
          method: "GET",
          success: function (response) {
            $(".tooltip").html(`<div><img src="${response?.thumbnail?.source || 'https://vi.wikipedia.org/static/images/icons/wikipedia.png'}" /></div> <div>${response?.extract_html} <p><em> <small> Source: Wiki </small></em></p></div>`);
          },
      });
    });

    function ajaxTooltipCore(thisEle) {
      let tooltip = $('<div class="tooltip"></div>');
      let top = $(thisEle).offset().top;
      let left = $(thisEle).offset().left;

      let viewportWidth = $('html').width();
        let viewportHeight = $('html').height();

      tooltip.css({
        top: top + $(thisEle).outerHeight() + 10 + 'px', // Hiển thị dưới phần tử
        left: left + 'px'
      });

      $("body").append(tooltip);
    }
  });
  </script>