Добрый день,
верстал менюшку без перезагрузки страницы, столкнулся с проблемой исполнения в разных браузерах. В лисе и сафари всё работает прекрасно, а хром, ie, опера - показывают меню, но не работает событие.
JS
<script type="text/javascript">
function showContent(link) {
var cont = document.getElementById('contentBody');
var loading = document.getElementById('loading');
cont.innerHTML = loading.innerHTML;
var http = createRequestObject();
if( http ) {
http.open('get', link);
http.onreadystatechange = function () {
if(http.readyState == 4) {
cont.innerHTML = http.responseText;
}
}
http.send(null);
} else {
document.location = link;
}
}
function createRequestObject() {
try { return new XMLHttpRequest() }
catch(e) {
try { return new ActiveXObject('Msxml2.XMLHTTP') }
catch(e) {
try { return new ActiveXObject('Microsoft.XMLHTTP') }
catch(e) { return null; }
}
}
}
</script>
HTML
<div id="menu">
<ul class="menu">
<li><a href="#" onclick="showContent('pages/page1.html')">Страница1</a></li>
<li><a href="#" onclick="showContent('pages/page2.html')">Страница2</a></li>
<li><a href="#" onclick="showContent('pages/page3.html')">Страница3</a></li>
</ul>
</div>
Пробовал через onClick, onmousedown, но без результатов.
