Caricare solo una parte della pagina al click di un link

**matteo_93** · 06-02-2013, 15:14

Ciao a tutti mi presento anche qui (mi sono presentato sul forum javascript), mi chiamo Matteo e sto frequentando l'ultimo anno di ITIS informatico.
Vorrei chiedervi se è possibile fare in modo che quando clicco sul link, mi cambi solo una parte della pagina, nel senso che non mi carichi un'altra pagina.

Questo è il codice della mia pagina

codice:

<?php 
	session_start(); 
?>
<html>
<head>
<title>Home</title>
<link href="stylegreen.css" rel="stylesheet" type="text/css" />
<link rel="icon" href="img/logo.JPG"/>
<script language="JavaScript">
	/*------------------(INIZIO) FUNZIONE CHE PERMETTE IL CAMBIO DELL'IMMAGINE QUANDO SI PASSA SOPRA AL LINK CON IL MOUSE---------------------*/
	function cambiaImg(nomeimgtag,nomeimg)
	{
		nomeimgtag.src = nomeimg; 
	}//fine funzione cambiaImg
	/*-----------------(FINE) FUNZIONE CHE PERMETTE IL CAMBIO DELL'IMMAGINE QUANDO SI PASSA SOPRA AL LINK CON IL MOUSE-----------------------*/
	
	/*--------(INIZIO) FUNZIONE CHE GENERA UN OROLOGIO DINAMICO CIOE' SI BASA SULL'ORA DEL COMPUTER SU CUI E' IL SITO---------------------*/
	function orologio() 
	{
		var x = new Date();
		h = x.getHours();
		m = x.getMinutes();
		s = x.getSeconds();
	
		if(s<=9) 
			s = "0" + s;
		
		if(m<=9) 
			m = "0" + m;
		
		if(h<=9) 
			h = "0" + h;
		
		time = h + ":" + m + ":" + s;
		document.rclock.rtime.value = time;
	
		setTimeout("orologio()",1000);
	}//fine funzione orologio
	/*--------(FINE) FUNZIONE CHE GENERA UN OROLOGIO DINAMICO CIOE' SI BASA SULL'ORA DEL COMPUTER SU CUI E' IL SITO---------------------*/
	
	function mostraregole()
	{
		mostraregolewindow = window.open("regole.php","","width = 400, height = 500" + loc);
	}//fine funzione mostraregole
	
	
</script>
</head>
<body onload="orologio()">
<form name="rclock">
<div id="outerwrapper">
<div id="head">
	<center>
	<table width="50%" border="0" align="center">
		<tr>
			<td align="center">[img]img/metallo.gif[/img]</td>
			<td align="center">[img]img/cristallo.gif[/img]</td>
			<td align="center">[img]img/deuterio.gif[/img]</td>
			<td align="center">[img]img/energia.gif[/img]</td>
		</tr>
		<tr>
			<td align="center">
			
				<?php
						$conn = mysql_connect("localhost","root","") or die("Server non raggiungibile");
						$db = mysql_select_db("db_browsergame") or die("Database non raggiungibile");
						$ksutente = $_SESSION['ksutente'];
						
						$comando = "select * from pianeti where ksutenti = \"$ksutente\"";
						$result = mysql_query($comando);
						
						$riga = mysql_fetch_array($result);
						$tettomaxmetallo = $riga['capacita_max_metallo'];
						$qtaMETattuale = $riga['qta_attuale_metallo'];
						
						$_SESSION['tettomaxmet'] = $tettomaxmetallo;
						$_SESSION['qtaMETattuale'] = $qtaMETattuale;
				?>
				<input type="text" name="met" size="1" value="<?php $qtaMETattuale = $_SESSION['qtaMETattuale']; echo("$qtaMETattuale");?>" class="stilerisorse">
				<?php
						$nCnt = $qtaMETattuale;
						
						$comando = "select produzione_oraria from edifici where ksutenti = \"$ksutente\" and nome_edificio = \"Miniera Metallo\"";
						$result = mysql_query($comando);
						$riga = mysql_fetch_array($result);
						
						$prodMET = $riga['produzione_oraria'];
						$_SESSION['prodMET'] = $prodMET;
						
						
						echo("<script language=javascript> 
      							var nCnt = $nCnt, nIncrSess = setInterval(function () {
      							document.rclock.met.value = nCnt=nCnt+$prodMET;
      							if (nCnt > 1000) { clearInterval(nIncrSess); }
      							}, 1000);
   							</script>/$tettomaxmetallo");
   			?>
   		</td>
			<td align="center">500/500</td>
			<td align="center">500/500</td>
			<td align="center"><h6> / Energia</h6></td>
		</tr>
	</table>
	</center>
</div>

     <div id="contenuto">
     <center>
     	<table width="30%" border="0" style="border-color: white">
     		<tr>
     			<td colspan="2" class="colorecella">
     				<?php
     						$nick = $_SESSION['nick'];
     						$pianeta = $_SESSION['pianeta'];
     						$ksutente = $_SESSION['ksutente'];
     						echo("Pianeta (<a href=\"javascript:void(0)\" ONCLICK=\"open('modifica.php', 'miapagina','toolbar=0,location=0,resizable=1,width=350,height=400')\" class=\"nome_pianeta\" title=\"Cliccando qui puoi cambiare il nome del pianeta\">".$pianeta."</a>) di ".$nick."");		
     				?>
     			</td>
     		</tr>
     		<tr>
     			<td class="colorecella">Orario</td>
     			<td align="center" class="colorecella"><input type="text" name="rtime" size="4" class="stilerisorse"></td>
     		</tr>
     		<tr>
     			<td colspan="2" class="colorecella">Eventi</td>
     		</tr>
     		<tr>
     			<td colspan="2" class="colorecella" align="center">
     			<?php   				
     				$connessione = mysql_connect("localhost","root","") or die("Impossibile connettersi al server");
     				$db = mysql_select_db("db_browsergame") or die("Impossibile connettersi al database");
     				
     				$comando = "select * from pianeti where ksutenti =\"$ksutente\"";
     				$result = mysql_query($comando);
     				
     				$riga = mysql_fetch_array($result);
     				$immagine = $riga['immagine_pianeta'];
     				
     				echo("<img src=\"$immagine\" width=\"200\" height=\"200\" title=\"Immagine del pianeta madre\">");
     			?>
     			</td>
     		</tr>
     		<tr>
     			<td class="colorecella">Diametro</td>
     			<td class="colorecella" align="center"><?php  
     																	 	$diametro = $_SESSION['diametro'];
     																	 	echo("$diametro Km"); 
     																?>
     			</td>
     		</tr>
     		<tr>
     			<td class="colorecella">Temperatura</td>
     			<td class="colorecella" align="center"><?php 	
     			     														$temperatura = $_SESSION['temperatura'];
     																		echo($temperatura." °C");
     																?>
     			</td>
     		</tr>
     		<tr>
     			<td class="colorecella">Posizione</td>
     			<td class="colorecella" align="center"><?php
     																		$galassia = $_SESSION['galassia'];
     																		$sistemasolare = $_SESSION['sistemasolare'];
     																		$posizione = $_SESSION['posizione'];
     																								
     																		echo("<label title=\"Galassia\">".$galassia."</label>".":"."<label title=\"Sistema Solare\">".$sistemasolare."</label>".":"."<label title=\"Posizione in cui &egrave; il pianeta nel sistema solare\">".$posizione."</label>");
     																		mysql_close();
     																?>
     			</td>
     		</tr>
     	</table>
     	</center>
     </div>	
     <div id="leftsidebar">
     <ul>
     		<li >[img]img/riepilogodefhover.png[/img]
     		<li >[img]img/minieredef.png[/img]
     		<li >[img]img/edificidef.png[/img]
     		<li >[img]img/ricerchedef.png[/img]
     		<li >[img]img/navidef.png[/img]
     		<li >[img]img/movimentidef.png[/img]
     		<li >[img]img/difesedef.png[/img]
     		<li >[img]img/galassiadef.png[/img]
     		<li >[img]img/regoledef.png[/img]
     		<li >[img]img/escidef.png[/img][/list]
	 </div>

	<div id="footer">
		<marquee><h1>Roveri & Ingusci&reg;</h1></marquee>
	</div>
</div>
</form>
</body>
</html>

Vorrei che questa parte della pagina non cambiasse quando clicco su un link per andare in un'altra pagina

codice:

<div id="head">
	<center>
	<table width="50%" border="0" align="center">
		<tr>
			<td align="center">[img]img/metallo.gif[/img]</td>
			<td align="center">[img]img/cristallo.gif[/img]</td>
			<td align="center">[img]img/deuterio.gif[/img]</td>
			<td align="center">[img]img/energia.gif[/img]</td>
		</tr>
		<tr>
			<td align="center">
			
				<?php
						$conn = mysql_connect("localhost","root","") or die("Server non raggiungibile");
						$db = mysql_select_db("db_browsergame") or die("Database non raggiungibile");
						$ksutente = $_SESSION['ksutente'];
						
						$comando = "select * from pianeti where ksutenti = \"$ksutente\"";
						$result = mysql_query($comando);
						
						$riga = mysql_fetch_array($result);
						$tettomaxmetallo = $riga['capacita_max_metallo'];
						$qtaMETattuale = $riga['qta_attuale_metallo'];
						
						$_SESSION['tettomaxmet'] = $tettomaxmetallo;
						$_SESSION['qtaMETattuale'] = $qtaMETattuale;
				?>
				<input type="text" name="met" size="1" value="<?php $qtaMETattuale = $_SESSION['qtaMETattuale']; echo("$qtaMETattuale");?>" class="stilerisorse">
				<?php
						$nCnt = $qtaMETattuale;
						
						$comando = "select produzione_oraria from edifici where ksutenti = \"$ksutente\" and nome_edificio = \"Miniera Metallo\"";
						$result = mysql_query($comando);
						$riga = mysql_fetch_array($result);
						
						$prodMET = $riga['produzione_oraria'];
						$_SESSION['prodMET'] = $prodMET;
						
						
						echo("<script language=javascript> 
      							var nCnt = $nCnt, nIncrSess = setInterval(function () {
      							document.rclock.met.value = nCnt=nCnt+$prodMET;
      							if (nCnt > 1000) { clearInterval(nIncrSess); }
      							}, 1000);
   							</script>/$tettomaxmetallo");
   			?>
   		</td>
			<td align="center">500/500</td>
			<td align="center">500/500</td>
			<td align="center"><h6> / Energia</h6></td>
		</tr>
	</table>
	</center>
</div>

Mentre il resto del contenuto della pagina cambi.
Avevo pensato di utilizzare l'include

Codice PHP:


include("nomepagina.php");

Ma non saprei come gestirlo. E' possibile fare una cosa così?
Grazie in anticipo a chi risponderà

Discussione: Caricare solo una parte della pagina al click di un link

Strumenti discussione

Ricerca discussione

Visualizza

Visualizzazione discussione

Caricare solo una parte della pagina al click di un link

Permessi di invio