Come creare un menu che carichi solo una parte della pagina??

**Davy96** · 01-02-2013, 19:14

Salve a tutti ...volevo avere un consiglio su come gestire una pagina con un menu verticale ,che fa cambiare ,ogni volta che si clicca su un link una parte della pagina in modo da nn caricarla tutta......ovviamente in php .....All inizio avevo pensato ad un i frame che cambiava indirizzo (src) a seconda del link ...tuttavia mi sembra troppo complicato ....per favore qualcuno può darmi qualche suggerimento????Grazie in anticipo

**Alhazred** · 01-02-2013, 20:11

Un altro consiglio ti si può dare, ma di certo non è più semplice, anzi...

Nella pagina metti un div nel quale andrà inserito ciò che vuoi mostrare volta per volta e dai a questo div un id.
Ora, cliccando un link del menu fai una chiamata AJAX al server che secondo ciò che gli arriva genererà il nuovo contenuto e lo manderà indietro.
La funzione AJAX dovrà prendere tale contenuto e rimpiazzarlo a ciò che c'era precedentemente nel div.

**Davy96** · 01-02-2013, 20:46

Ok ho capito ..il problema è Ke di Ajax nn so nnt....dovrò studiare ....cmnque dici che nel mio caso ne vale la pena di farlo così o dovrei usare il metodo di prima con gli iframe? ??

**pc-soluzione** · 01-02-2013, 22:28

Originariamente inviato da Davy96
Ok ho capito ..il problema è Ke di Ajax nn so nnt....dovrò studiare ....cmnque dici che nel mio caso ne vale la pena di farlo così o dovrei usare il metodo di prima con gli iframe? ??

le alternative sono:
1) fai ricaricare tutta la pagina
2) usi ajax e puoi seguire questa minipillola http://forum.html.it/forum/showthrea...readid=1533873 seguendola non ti serve studiare ajax anche se ovviamente è sempre meglio conoscere ciò che si usa.

iframe te lo sconsiglio perchè è anche antiquata come tecnologia

**Davy96** · 02-02-2013, 15:09

ho testato la minipillola e devo dire che funzione davvero bene

...avrei solo un altro problema come posso modificare i parametri i maniera che il numero delle pagine e il loro contenuto vengano da un database....in modo che quando un utente si collega appaiano soltanto quei collegamenti a quelle determinate pagine(premetto che non voglio che mi fai lo script ....soltanto che mi riassumi le sue basi oppure la sua struttura)

P.S."se nn è chiaro qualcosa chiedi pure

"

**pc-soluzione** · 02-02-2013, 15:10

devi usare la funzione select di php/sql

**Davy96** · 02-02-2013, 16:03

Ok....penso di aver capito... poi ti posso postare lo script una volta finito cosi mi dici se devo sostituire qualcosa o comunque migliorarlo??

**pc-soluzione** · 02-02-2013, 16:20

ok prima di postarlo provalo che almeno sappiamo già se va o no, ricordati di cancellare gli user e password del database se posti anche il codice di connessione al db

**Davy96** · 05-02-2013, 20:58

scusa ..prima di fare la connessione al db volevo sapere se si può sostituire il tag select con quello input ..in maniera da far apparire una serie di bottoni ..si puo' fare??

poi dirmi come?

**pc-soluzione** · 06-02-2013, 21:39

si devi fare così
pagina html

codice:

<html>
<head>
<script type="text/javascript">
function showData(str)
{
if (str=="")
  {
  document.getElementById("showData").innerHTML="";
  return;
  }
if (window.XMLHttpRequest)
  {// code for IE7+, Firefox, Chrome, Opera, Safari
  xmlhttp=new XMLHttpRequest();
  }
else
  {// code for IE6, IE5
  xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
  }
xmlhttp.onreadystatechange=function()
  {
  if (xmlhttp.readyState==4 && xmlhttp.status==200)
    {
    document.getElementById("showData").innerHTML=xmlhttp.responseText;
    }
  }
xmlhttp.open("GET","getdata.php?q="+str,true);
xmlhttp.send();
}
</script>
</head>
<body>
<table width="800" border="1">
<tr><td colspan="2">
<center><h2>Cambiare Dinamicamente il contenuto di una pagina con Ajax & PHP</h2></center></td>
</tr>
<tr>
<td width="200">
<form>

<input type="button" onclick="showData(this.value)"   value="voce 1"/>
<input type="button" onclick="showData(this.value)"   value="voce 2"/>
<input type="button" onclick="showData(this.value)"   value="voce 3"/>
<input type="button" onclick="showData(this.value)"   value="voce 4"/>

</form>
</td>
<td><div id="showData">usa il menu per cambiare contenuto</div></td>
</tr>
</table>

</body>
</html>

getdata.php

Codice PHP:


<?php 

$q=$_GET["q"]; 



if ($q=="voce 1") {echo "Contenuto pagina 1";} 

if ($q=="voce 2") {echo "Contenuto pagina 2";} 

if ($q=="voce 3") {echo "Contenuto pagina 3";} 

if ($q=="voce 4") {echo "Contenuto pagina 4";} 

?>

se nel file html cambi la voce che si visualizza nel bottone che attualmente è voce1, voce2, etc devi mettere lo stesso nome anche le file php dove ora c'è $q=="voce 1", $q=="voce 2" quindi se nel bottone della prima pagina vuoi scrivere "chi siamo" il file php diventa così

Codice PHP:


<?php 

$q=$_GET["q"]; 



if ($q=="chi siamo") {echo "Contenuto pagina 1";} 

if ($q=="voce 2") {echo "Contenuto pagina 2";} 

if ($q=="voce 3") {echo "Contenuto pagina 3";} 

if ($q=="voce 4") {echo "Contenuto pagina 4";} 

?>

Discussione: Come creare un menu che carichi solo una parte della pagina??

Strumenti discussione

Ricerca discussione

Visualizza

Come creare un menu che carichi solo una parte della pagina??

Permessi di invio