мне понадобилось сделать приложение на ajax слева находится акордион справа подгружаются таблички с различной инфой.
Посмотрел пару примеров и сделал на фреймах вроде все получилось но немного завяз с дизайном, и тут все начали советовать сделать с помощью дивов мол избавишся от кучи проблем в будущем.
Я попробовал и столкнулся с такой проблемой:
Вот то что пишется в акордионе:
<HTML><HEAD>
<link rel="stylesheet" type="text/css" href="main.css">
<TITLE>New</TITLE>
<link type="text/css" href="../js/jquery-ui-1.7.2.custom/css/no-theme/jquery-ui-1.7.2.custom.css" rel="stylesheet" />
<link rel="stylesheet" type="text/css" href="main.css">
<script type="text/javascript" src="../js/jquery-ui-1.7.2.custom/js/jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="../js/jquery-ui-1.7.2.custom/js/jquery-ui-1.7.2.custom.min.js"></script>
<script type="text/javascript">
$(function(){
$("#accordion").accordion({
header: "h3",
collapsible: "false"
});
//hover states on the static widgets
$('#dialog_link, ul#icons li').hover(
function() { $(this).addClass('ui-state-hover'); },
function() { $(this).removeClass('ui-state-hover'); }
);
//$(”div#warehouse”).load(”[url]http://localhost/warehouse/index.html”);[/url]
});
</script>
</HEAD><BODY>
<div class=colontitul>
<h1>1</h1>
</div>
<div id="accordion" class=menu>
<h3><a href="#">тестовое меню</a></h3>
<div id="ware">
<p> тест </p>
<a class="afont" href="#" onclick='$("#maincontent").load("http://localhost/test1/");'>ТЕСТ</a><br>
</div>
<h3><a href="#">тест2</a></h3>
<div>
<p> тест2 </p>
<a class="afont" href="http://localhost/test2/" target="main">тест</a><br>
</div>
</div>
<div class=content id="maincontent">
<P>3
</div>
<div class=colontitul>
<h2>4</h2>
</div>
</BODY></HTML>
http://localhost/test1/ подгружает такую страничку:
<html>
<head>
<link rel="stylesheet" type="text/css" href="../style/table.css">
<script type="text/javascript" src="test_ajax.js"></script>
</head>
<body onload="show()" >
<br />
<div id="status"></div>
<br />
<div id="txtHint"><b>Обновить кнопкой содержание таблички.</b></div>
<table>
<tr>
<td>
<input type="button" onClick="show()" value="Обновить" />
</td>
<td>
<input type="button" onClick="deleteUser()" value="Удалить" />
</td>
</tr>
</table>
</body>
</html>
И вроде все работат файлик подгружается но не подгружается строчка <script type="text/javascript" src="test_ajax.js"></script> а собственно на ней и держиться вся работа подгружаемой странчки потому что она на аяксе работает, почему нельзя с помощью load подключить яваскриптовый файлик?