Если всплывающий текст прописан непосредственно на странице, как это у меня для ссылки "Второй партнер", то все нормально. Но нужно, чтобы данные подкачивались с сервера. То есть, если клик по ссылке "Первый партнер", то с сервера должен подкачиваться контент для этого партнера, прописанный в файле page.html. Но это не работает!
Как подправить код?
<!DOCTYPE html>
<html>
<head>
<title>Проверка </title>
<meta content="text/html; charset=UTF-8" http-equiv="Content-Type">
<link rel="stylesheet" type="text/css" href="/partner.css" />
<style type="text/css">
.partner {background-color: #E9DFBA; vertical-align: middle; padding:0.2em; border-radius:0.3em; color: #000; float:none; border: #D6C48D 1px solid; margin: 0.5em auto; padding-top:0; width:75%; }
.partner a{ font-family: Tahoma, Geneva, sans-serif; font-weight:bold; text-decoration:none; height:0px; color:#663300;}
.partner a:hover {
/* при наведении ссылка становится */
text-decoration: underline; /* подчеркнутой */
}
.name_grupp {text-align: center; font-weight: bolder; font-size: 120%;}
</style>
<!-- jQuery -->
<script type="text/javascript" src="/jquery.js"></script>
<script type="text/javascript" src="/jquery.simplemodal.js"></script>
<script type="text/javascript">
function openWindow(module, id, success_href){
$('#'+module+'_window').modal({onShow: function (dialog) {
}});
};
</script>
</head>
<body>
<div class="partner">
<a href="#" onClick="openWindow('1_leazing', ''); return false;">Первый партнер</a>
</div>
<div class="partner">
<a href="#" onClick="openWindow('2_audit', ''); return false;">Второй партнер</a>
</div>
<!-- Описания партнеров -->
<div id="1_leazing_window" style="display:none;">
<script type="text/javascript">
$.get('page.html', '', function(response){
$('#ajax').html(response);
});
</script>
</div>
<div id="2_audit_window" style="display:none;">Описание партнера</div>
</body>
</html>