ładowanie treści do div innerHTML, problem z adresowaniem getElementById

pytanie zadane 2 lipca 2015 w JavaScript przez Kamil Stoksik Początkujący (490 p.)

Witam

czy istnieje możliwość aby po uruchomieniu funkcji lad() w pliku jeden.html który po wciśnięciu but1 jest ładowany (ładuje się!) do div cialo, została wpisana zawartość "naglowek" w div nagl2 na stronie - plik index.html. ten div nagl został wpisany aby sprawdzić poprawność działania skryptu(działa).

A generalnie chodzi mi o to by po załadowaniu zewnętrznego pliku dane były ładowane do odpowiednich divów. Macie jakiś pomysł ? NIE PHP i MYSQL!!!!!!!

index.html

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <link href='http://fonts.googleapis.com/css?family=Lato:400,900&subset=latin,latin-ext' rel='stylesheet' type='text/css'>
    <link rel="stylesheet" href="css.css" type="text/css"/>
    <script src="jquery.js"></script>
    
</head>
    
    
<body>
    <script>
        function LoadPage(file)
        {
            $('#cialo').load(file);
        }
            document.getElementById("koniec").innerHTML= "2";
    </script>
    <div id="menu">
        <div id="but1"><a href="#" onclick="LoadPage('jeden.html')">but1</a></div>
        <div id="but2"><a href="#" onclick="LoadPage('dwa.html')">but2</a></div>
        <div id="but3"><a href="#" onclick="LoadPage('trzy.html')">but3</a></div>
    </div>
    <div id="cialo">
    <div id="nagl2"></div>
    <div id="tresc"> </div>
    <div id="koniec"></div>
    </div>
</body>
</html>

jeden.html

<html>
<body>
<script>
var nagl;
nagl='tekst naglowska';
tresc='tresc strony';
koniec='tresc konca';
    
    function lad()
    {
        document.getElementById("nagl").innerHTML= "aglowek";
        document.getElementById("nagl2").innerHTML= "naglowek";
        document.getElementById("tresc").innerHTML= "tresc";
    }
</script>
    <div id="laduj" onclick="lad()">laduj</div>
jakas tam tresc przykladowej strony
    <div id="nagl"></div> 
</body>
</html>

2 odpowiedzi

odpowiedź 2 lipca 2015 przez Czort Nałogowiec (32,500 p.)

Czy dobrze rozumiem - chcesz aby po kliknięciu przycisku "but" w index.html do trzech wybranych div w index.html została załadowana zawartość trzech wybranych divów z pliku jeden.html?

komentarz 2 lipca 2015 przez Kamil Stoksik Początkujący (490 p.)

Na wstępie dziękuje za wszelką pomoc

To jedynie strona na której chciałem sprawdzić działanie skryptu. zależy mi na tym generalnie aby na stronie był jedynie ułożony szablon z div a dane w tych divach były przetrzymywane poza stroną główna.

Myslałem o zmiennych aby wczytywać ich wartości z zewnętrznych plików ale mi nie szło więc spróbowałem z innerHTML, wymyśliłem to w ten sposób że po naciśnięciu napisu laduj w jeden.html odpowiednimi danymi zostają wypełnione divy #nagl2 #tresc i #koniec w index.html. Miałem jedynie problem z adresowaniem. Dosłownie przed chwilą udało mi się to poprzez usunięcie diva #cialo a stronę jeden.html ładuje do nowego diva #skrypt. I generalnie działa.

Masz moze pomysł jak inaczej uzyskać taki efekt. Inaczej znaczy lepiej patrząc pod względem programowania?