Witam.
Poszukuję rozwiązania. Męczę się z tym już parę dni,
Mam taką stronę:
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" type="text/css" href="scraping.css" />
<script src="https://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script>
<script language="JavaScript" type="text/javascript">
$(function () {
$('#leftcolumn a').on('click', function (z) {
z.preventDefault();
var page = $(this).attr('href');
$('#content').load(page);
});
$('#hover_img a').on('click', function (e) {
e.preventDefault();
var page = $( this ).attr('href');
$('#rightcolumn').load("page");
});
});
</script>
</head>
<body>
<div id="wrapper">
<div id="leftcolumnwrap">
<div id="leftcolumn">
<a href="page1.html">Page 1</a>
<a href="page2.html">Page 2</a>
<a href="page3.html">Page 3</a>
</div>
</div>
<div id="contentwrap">
<div id="content">
</div>
</div>
<div id="rightcolumnwrap">
<div id="rightcolumn">
</div>
</div>
<div id="footerwrap">
<div id="footer">
</div>
</div>
</div>
</body>
</html>
Po kliknięciu na link z 'leftcolumn' ładuje się html z odpowiedniego pliku do 'content'. Pliki tam ładowane są formatu:
<div id="hover_img">
<a href="link1.html">Link<span><img src="Link1.jpg" /></span></a><br />
</div>
I teraz chciałbym aby po kliknięciu na link załadował się kolejny html do diva 'rightcolumn'.
Niestety to nie działa. Wydaje mi się, że dlatego, że tych linków nie ma podczas ładowania się strony.
Czy jest w ogóle możliwe aby zrobić tak jak to wymyśliłem? Jak?