pomoc przy divie

0

witam
mam problem taki iz potrzebuje z menu otworzyc podstrone bez przeladywania calej zawartosci, chodzi o to ze po prostu zmienia sie zawartosc div-a po prawej stronie. dzieki oto wstepny kod

<!DOCTYPE html PUBLIC "-*W3C*DTD XHTML 1.0 Transitional*EN" "http:*"> <html xmlns="http://"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>stronka www kuznica</title> <meta http-equiv="Reply-to" content="" /> <meta name="Description" content="opis strony" /> <meta name="keywords" content="słowa kluczowe" /> <meta name="Author" content="Autor" /> <meta name="Robots" content="ALL" /> <meta name="revisit-after" content="10" /> <link rel="stylesheet" type="text/css" href="style.css" /> </head> <body>
MENU STRONY
			<a href="strona.html" target=" ???? ">Strona główna</a>
			<a href="#">Lokalizacja</a>
			<a href="#">Historia</a>
			<a href="#">Zlewisko Bytomki</a>
			<a href="#">Rudahammer</a>
			<a href="#">Park,folwark,szpital</a>
			<a href="#">Galeria</a>
			<a href="#">Księga gości</a>	
			<a href="#">Kontakt</a>
		
		</div>			
		<div><img src="images/m-dol.gif" alt=""  /></div>
	</div>
	<div class="right">
		<div class="tekst">
			<div class="ng">Witamy na naszej stronie!</div>
		
			<p>Po dłuższej przerwie spowodowanej brakiem czasu jak i pomysłów, stronka wraca w nowej udoskonalonej szacie graficznej. Jest to próbna wersja a wszelkie uwagi i komentarze mile widziane. Tematyką stronki pozostaje niezmiennie historia naszej dzielnicy "Kuźnica" tak aby każdy mógł się z nią zaznajomić , na stronce od czasu do czasu będą publikowane newsy z tego co się u nas dzieje. Nowością ( w fazie ustalania )jest możliwość uploadu zdjęć tak by każdy mógł zamieścić swoje fotki. To na razie tyle...</p>
			</p>

  <p align="right">Pozdrawiam overs.</p>
 
  <p style="text-align:center">
  	<img src="img1.jpg" alt="" />&nbsp;&nbsp;&nbsp;&nbsp;
	<img src="img2.jpg" alt="" />&nbsp;&nbsp;&nbsp;&nbsp;
	<img src="img3.jpg" alt="" />
  </p>
  
  <p>
  </p>
		</div>
	</div>
	<div style="clear:both"></div>
</div>
<div class="stopka"><div class="copy">Copyright 2008 www.naszakuznica.pdg.pl Wszystkie prawa zastrzeżone.</div></div>
</body> </html>
0

http://www.dynamicdrive.com/dynamicindex17/ajaxcontent.htm

google: dynamic + content + ajax

0

Używam tej samej metody, więc pokaże ci kod:

<script language="javascript">

function openPage(filename){
    var xHRObject = false;
    if(window.XMLHttpRequest){
      xHRObject = new XMLHttpRequest();
    }else if(window.ActiveXObject){
      xHRObject = new ActiveXObject("Microsoft.XMLHTTP");
    }
  
    xHRObject.open("GET", filename);
    xHRObject.send(null);
    xHRObject.onreadystatechange = function(){
      if(xHRObject.readyState == 4){
        var pageHTML = xHRObject.responseText;
        document.getElementById("subpagearea").innerHTML=pageHTML;
      }
    }
  }
</script>

Na stronie musisz jeszcze utworzyć diva:

<div id="subpagearea"></div>

I przygotować linki:


<a href="javascript:openPage('local.html')">Lokalizacja</a>
<a href="javascript:openPage('history.html')">Historia</a>

Pamiętaj, aby użyć apostrofów wewnątrz nawiasów, bo wszystko się rozpadnie.

1 użytkowników online, w tym zalogowanych: 0, gości: 1