Форум

Georgian · #1 (**permalink**) 05.04.2023, 16:30

Здравствуйте. Подскажите пожалуйста, есть ли возможность каким ни будь образом, вытягивать со страницы своего сайта или другого сайта (чужого) - на свой сайт, определённые блоки по id или class'ам и далее вставлять их на свой сайт в указанное место ? Способен ли на это javascript ?

Пока что я нашёл решение как вытягивать страницу целиком:

<!DOCTYPE html>
<html>
    <head>
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
      <script type="text/javascript">
        function showHide(switchTextDiv, showHideDiv)
        {
          var std = document.getElementById(switchTextDiv);
          var shd = document.getElementById(showHideDiv);
          if (shd.style.display == "block")
          {
            shd.style.display = "none";
            std.innerHTML = "<span style=\"display: block; background-color: yellow\">Show</span>"; 
          }
          else
          {
            if (shd.innerHTML.length <= 0)
            {
              shd.innerHTML = "<object width=\"100%\" height=\"100%\" type=\"text/html\" data=\"new.html\"></object>";
            }
            shd.style.display = "block";
            std.innerHTML = "<span style=\"display: block; background-color: yellow\">Hide</span>";
          }
        }
      </script>
    </head>
    <body>
      <a id="switchTextDiv1" href="javascript:showHide('switchTextDiv1', 'showHideDiv1')">
        <span style="display: block; background-color: yellow">Show</span>
      </a>
      <div id="showHideDiv1" style="display: none; width: 100%; height: 300px"></div>
    </body>
</html>

Где new.html нужно подстраивать ссылку на сайт либо на файл с нужным содержимым..

И это прекрасно работает.

Но что если мне надо вытянуть только div с определённым классом или id ?

Неужели на это javascript не способен?

Ну или хотя бы убирать ненужное можно?

Georgian · #2 (**permalink**) 06.04.2023, 12:57

Так же нашёл решение как вытягивать содержание блока внутри страницы и размещать в другом месте

<!DOCTYPE html>
<html>
<head>
   <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.1/jquery.min.js"></script>
</head>
<body>
   <div id="source">
      <p>This is the source div.</p>
      <p>It contains some text.</p>
   </div>
   <div id="result" style="color: red;"></div>
</body>
   <script>
      var html = $("#source").html();
      document.getElementById("result").innerHTML = html;
   </script>
</html>

Форум

Справочник

Discord чат

Курсы javascript