Я использовал функцию .load(). Он работает в Dreamweaver Live View, но не в Firefox, Chrome или IE.
Вот мой раздел HTML:
<script src="js/jquery.js"></script>
<script src="tabsPull.js"></script>
<h1>Homework Assignments</h1>
<ul id="button-menu">
<li id="a1"><input class="no" type="button" onClick="ChangeActive(1)" value="Mon"></li>
<li id="a2"><input class="no" type="button" onClick="ChangeActive(2)" value="Tues/Wed"></li>
<li id="a3"><input c lass="no" type="button" onClick="ChangeActive(3)" value="Thurs/Fri"></li>
</ul>
<div id="tabInner" class="tabInner">
</div>
ChangeActive() находится в отдельном JS файле (tabsPull.js):
var active = 0
function ChangeActive(active){
if (active==1) {
document.getElementById("a1").className = "active";
document.getElementById("a2").className = "";
document.getElementById("a3").className = "";
$('#tabInner').load('http://axoplanner.weebly.com/monday.html #content');
} else if (active==2) {
document.getElementById("a2").className = "active";
document.getElementById("a1").className = "";
document.getElementById("a3").className = "";
$('#tabInner').load('http://axoplanner.weebly.com/tuesdaywednesday.html #content');
} else if (active==3) {
document.getElementById("a3").className = "active";
document.getElementById("a1").className = "";
document.getElementById("a2").className = "";
$('#tabInner').load('http://axoplanner.weebly.com/thursdayfriday.html #content');
}
}
В чем проблема? В DW работает, а в браузерах почему нет??? Причина, по которой я беру информацию из Weebly, заключается в том, что мне нужно, чтобы другие обновляли ее, а Weebly проще.
