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>