Logowanie

Zaladowanie div'a z jednej strony do diva na drugiej

pytanie zadane 21 listopada 2017 w HTML i CSS przez EdeX Mądrala (5,110 p.)
zamknięte 22 listopada 2017 przez EdeX

Witam czy jest możliwość skopiowania diva z jednej strony do diva na mojej stronie za pomocą iframe.

<iframe src="link_do_strony.div"></iframe> czy jak?

komentarz zamknięcia: Oznaczone Najlepszym :D

2 odpowiedzi

odpowiedź 21 listopada 2017 przez lapacz.kornel Mądrala (6,930 p.)
wybrane 22 listopada 2017 przez EdeX

Najlepsza

Z tego co wiem na zasadzie iframe (że ci to ładnie wyświetli z przypisanymi stylami i skryptami) zrobić się tego nie da. Można jednak pobrać kod html za pomocą javascriptu. Jeśli cię takie rozwiązanie satysfakcjonuje mogę napisać jakiś przykład .

komentarz 21 listopada 2017 przez EdeX Mądrala (5,110 p.)

Bardzo bym prosil (a co do styli i skryptow to nie zalezy mi na nich :D).

komentarz 21 listopada 2017 przez lapacz.kornel Mądrala (6,930 p.)

Prosze. Jak czegoś nie rozumiesz pytaj .

komentarz 21 listopada 2017 przez EdeX Mądrala (5,110 p.)

Dziekuje ale jak wrzucic to do danego diva na mojej stronie?

document.body.appendChild(div); <---- Tu?

komentarz 21 listopada 2017 przez lapacz.kornel Mądrala (6,930 p.)

Pobierasz element poprzez np querySelector i zastępujesz "document.body" pobranym elementem.

komentarz 21 listopada 2017 przez lapacz.kornel Mądrala (6,930 p.)

Jakbyś dał kod strony i pokazał do którego diva chcesz wrzucić mógłbym dopisać odpowiedni kod

komentarz 21 listopada 2017 przez EdeX Mądrala (5,110 p.)

<!DOCTYPE HTML5>
<html lang="pl">

<head>
    <link rel="stylesheet" href="css/style.css" type="text/css" />
    <link rel="stylesheet" href="css/fontello.css" type="text/css" />
    <meta charset="utf-8" />
    <link rel="shortcut icon" href="img/logo.png">
    <link href="https://fonts.googleapis.com/css?family=Roboto&subset=latin-ext" rel="stylesheet">
    <script type="text/javascript" src="js/ajax.js"></script>
    <title>Tytul</title>
</head>

<body >
<div id="prv-billboard"></div>
    <main class="container">
        <nav class="menu">
            <a href="#" class="yt" target="_blank">YouTube<i class="icon-youtube-play"></i></a>
            <a href="#" class="insta" target="_blank">Instagram<i class="icon-instagram"></i></a>
            <a href="#" class="fb" target="_blank">Facebook<i class="icon-facebook-squared"></i></a>
            <a href="/forum" target="_blank">Forum</a>
        </nav>
        <aside class="logo">
            <img src="img/logo.png" alt="logo" />
        </aside>
        <header class="info">
            Text
        </header>

        <section id="blendy">
            I tutaj dac zawartosc
        </section>
    </main>
</body>

</html>

komentarz 21 listopada 2017 przez lapacz.kornel Mądrala (6,930 p.)

document.body.appendChild(div);

zastępujesz

document.querySelector('#blendy').appendChild(div);

PS. Gdy wstawiasz kod na forum powinieneś użyć code snippet

komentarz 21 listopada 2017 przez lapacz.kornel Mądrala (6,930 p.)

<!DOCTYPE HTML5> 
<html lang="pl"> 

<head> 
    <link rel="stylesheet" href="css/style.css" type="text/css" /> 
    <link rel="stylesheet" href="css/fontello.css" type="text/css" /> 
    <meta charset="utf-8" /> 
    <link rel="shortcut icon" href="img/logo.png"> 
    <link href="https://fonts.googleapis.com/css?family=Roboto&amp;subset=latin-ext" rel="stylesheet"> 
    <script type="text/javascript" src="js/ajax.js"></script> 
    <title>Tytul</title> 
</head> 

<body > 
<div id="prv-billboard"></div> 
    <main class="container"> 
        <nav class="menu"> 
            <a href="#" class="yt" target="_blank">YouTube<i class="icon-youtube-play"></i></a> 
            <a href="#" class="insta" target="_blank">Instagram<i class="icon-instagram"></i></a> 
            <a href="#" class="fb" target="_blank">Facebook<i class="icon-facebook-squared"></i></a> 
            <a href="/forum" target="_blank">Forum</a> 
        </nav> 
        <aside class="logo"> 
            <img src="img/logo.png" alt="logo" /> 
        </aside> 
        <header class="info"> 
            Text 
        </header> 
         
        <section id="blendy"> 
            I tutaj dac zawartosc 
        </section> 
    </main> 
    <script>
      const req = new XMLHttpRequest();
      const url = 'https://forum.pasja-informatyki.pl/305102/zaladowanie-diva-z-jednej-strony-do-diva-na-drugiej'; // tutaj url strony

      req.open('GET', `https://cors-anywhere.herokuapp.com/${url}`, true);
      req.onreadystatechange = function (aEvt) {
        if (req.readyState == 4) {
           if(req.status == 200) {
             const parser = new DOMParser();
             const dom = parser.parseFromString(req.responseText, 'text/html').body;

             const div = dom.querySelector('#c305134') // id twojego komentarza
             document.querySelector('#blendy').appendChild(div);
           } else {
             console.error('error');
           }
        }
      };

      req.send();
    </script>
</body> 

</html>

Cały kod .

komentarz 21 listopada 2017 przez lapacz.kornel Mądrala (6,930 p.)

Jeśli pomogłem możesz oznaczyć odpowiedź jako najlepszą .

odpowiedź 21 listopada 2017 przez rafal.budzis Szeryf (85,260 p.)

Podobne pytania

+1 głos

1 odpowiedź 272 wizyt

Iframe streamujący blokujący wczytywanie strony, blokując interakcje ze stroną

pytanie zadane 15 grudnia 2019 w HTML i CSS przez Oskar Szkurłat Bywalec (2,780 p.)

+3 głosów

6 odpowiedzi 648 wizyt

Pozbądźmy się śledzącego iframe Facebooka ze strony forum.

pytanie zadane 20 października 2022 w Sprawy forum przez J0ker Pasjonat (15,400 p.)

0 głosów

1 odpowiedź 218 wizyt

Wyszukiwanie na stronie w ramce

pytanie zadane 6 sierpnia 2019 w HTML i CSS przez SAMI Użytkownik (530 p.)

Akademia Sekuraka

Kolejna edycja największej imprezy hakerskiej w Polsce, czyli Mega Sekurak Hacking Party odbędzie się już 20 maja 2024r. Z tej okazji mamy dla Was kod: pasjamshp - jeżeli wpiszecie go w koszyku, to wówczas otrzymacie 40% zniżki na bilet w wersji standard!

Więcej informacji na temat imprezy znajdziecie tutaj. Dziękujemy ekipie Sekuraka za taką fajną zniżkę dla wszystkich Pasjonatów!

Akademia Sekuraka

Niedawno wystartował dodruk tej świetnej, rozchwytywanej książki (około 940 stron). Mamy dla Was kod: pasja (wpiszcie go w koszyku), dzięki któremu otrzymujemy 10% zniżki - dziękujemy zaprzyjaźnionej ekipie Sekuraka za taki bonus dla Pasjonatów! Książka to pierwszy tom z serii o ITsec, który łagodnie wprowadzi w świat bezpieczeństwa IT każdą osobę - warto, polecamy!

...