+- Forum Webmastera, HTML, CSS, PHP, MySQL, Hosting, Domeny - Forum dla Webmasterów (https://www.webmastertalk.pl)
+-- Dział: Technologie internetowe - tworzenie stron WWW (https://www.webmastertalk.pl/forum-technologie-internetowe-tworzenie-stron-www)
+--- Dział: xHTML, CSS, JavaScript (https://www.webmastertalk.pl/forum-xhtml-css-javascript)
+--- Wątek: Otwieranie podstron w jednym div (/thread-otwieranie-podstron-w-jednym-div)
Otwieranie podstron w jednym div - virgo - 20-03-2010
Witam serdecznie wszystkich użytkowników.
Szukam po googlach i nigdzie nie mogę znaleźć w jaki sposób zrobić stronkę opartą na div i css żeby każda z podstron otwierała się w jednym div.
Znalazłam jakiś skrypt podany przez kolegę ale działa on tylko w Firefoksie i Operze a IE w momencie klikania na odnośnik strony otwiera mi folder na dysku lokalnym.
Może ktoś z was mógłby mi pomóc?Byłabym wdzięczna
Oto skrypt znaleziony w sieci:
Cytat:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html>
<head>
<title>AJAX</title>
<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
<meta name="Author" content="iNetArt" />
<script type="text/javascript">
var ObiektXMLHttp = false;
if (window.XMLHttpRequest) {
ObiektXMLHttp = new XMLHttpRequest();
} else if (window.ActiveXObject) {
ObiektXMLHttp = new ActiveXObject("Microsoft.XMLHTTP");
}
function getData(zrodlo) {
if(ObiektXMLHttp) {
ObiektXMLHttp.open("GET", zrodlo);
ObiektXMLHttp.onreadystatechange = function() {
if (ObiektXMLHttp.readyState == 4) {
document.getElementById('content').innerHTML=ObiektXMLHttp.responseText;
}
}
ObiektXMLHttp.send(null);
}
}
</script>
<style type="text/css">
#menu{
width:150px;
height:500px;
background:#dadada;
padding:5px;
float:left
}
#content{
width:500px;
height:500px;
background:#adadad;
padding:5px;
float:left
}
</style>
</head>
<body>
<div id="menu">
<a href="" onclick="getData('test.html'); return false">link1</a><br />
<a href="" onclick="getData('test2.html'); return false">link2</a><br />
</div>
<div id="content">
strona główna
</div>
</body>
</html>