PHP cambio contenuto

franciccio

Nuovo Utente
10 Apr 2017
18
0
1
38
Buongiorno a tutti,
vorrei creare una pagina php in cui il codice html(il menù a tendina per cambiare il contenuto) vada a richiamare dei file html che contengono solo il contenuto da visualizzare che sarà diverso.
Es. index.php avrà tutto il codice compreso un testo al centro <body>.
Vorrei che scegliendo dal menù a tendina, ci sia un collegamento ipertestuale che vada a richiamare il diverso body quindi senza ricaricare la pagina ma cambiando solo il contenuto.
Sapete aiutarmi?
Grazie
 

franciccio

Nuovo Utente
10 Apr 2017
18
0
1
38
HTML:
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="">
    <meta name="author" content="">
    <LINK REL="SHORTCUT ICON" HREF= "img/logo.png">
    <title>Avis Donatori Sangue - Locate di Triulzi</title>
    <!-- Bootstrap Core CSS -->
    <link href="css/bootstrap.min.css" rel="stylesheet">
    <link href="css/mycss.css" rel="stylesheet">
    <!-- Custom CSS -->
    <link href="css/shop-homepage.css" rel="stylesheet">
    <link rel="stylesheet" href="css/app.css">
</head>
<body>
<div class="col-md-9">
   <ul class="nav nav-tabs">
  <li class="active"><a href="#home" data-toggle="tab">Cos'è Avis</a></li>
  <li class="dropdown">
    <a class="dropdown-toggle" href="#" data-toggle="dropdown">
      Chi Siamo <span class="caret"></span>
    </a>
    <ul class="dropdown-menu">
      <li><a href="#siamo1" data-toggle="tab">Identità</a></li>
      <li class="divider"></li>
      <li><a href="#siamo2" data-toggle="tab">Organigramma</a></li>
      <li class="divider"></li>
      <li><a href="#siamo3" data-toggle="tab">Statuto e Regolamento</a></li>
    </ul>
  </li>
  <li class="dropdown">
    <a class="dropdown-toggle" href="#" data-toggle="dropdown">
      Donazione <span class="caret"></span>
    </a>
    <ul class="dropdown-menu">
      <li><a href="#donazione1" data-toggle="tab">Il Sangue</a></li>
      <li class="divider"></li>
      <li><a href="#donazione2" data-toggle="tab">Perchè Donare</a></li>
      <li class="divider"></li>
      <li><a href="#donazione3" data-toggle="tab">Chi può Donare</a></li>
      <li class="divider"></li>
      <li><a href="#donazione4" data-toggle="tab">Come Donare</a></li>
      <li class="divider"></li>
      <li><a href="#donazione5" data-toggle="tab">Tipi di Donazione</a></li>
    </ul>
  </li>
  <li><a href="#dove" data-toggle="tab">Dove Trovarci</a></li>
  <li><a href="#contattaci" data-toggle="tab">Contattaci</a></li>
<div>
    <body>
</div>
</ul>
<div class="tab-content" id="myTabContent">
  <div class="tab-pane fade active in" id="home">
    <p>Raw denim you probably haven't heard of them jean shorts Austin. Nesciunt tofu stumptown aliqua, retro synth master cleanse. Mustache cliche tempor, williamsburg carles vegan helvetica. Reprehenderit butcher retro keffiyeh dreamcatcher synth. Cosby sweater eu banh mi, qui irure terry richardson ex squid. Aliquip placeat salvia cillum iphone. Seitan aliquip quis cardigan american apparel, butcher voluptate nisi qui.</p>
  </div>
  <div class="tab-pane fade" id="contattaci">
   <!---------->
<form class="form-horizontal">
  <fieldset>
    <legend>Contattaci</legend>
    <div class="form-group">
      <label class="col-lg-2 control-label" for="inputEmail">Nome</label>
      <div class="col-lg-10">
        <input class="form-control" id="inputEmail" type="text" placeholder="Nome">
      </div>
    </div>
    <div class="form-group">
      <label class="col-lg-2 control-label" for="inputEmail">Cognome</label>
      <div class="col-lg-10">
        <input class="form-control" id="inputEmail" type="text" placeholder="Cognome">
      </div>
    </div>
    <div class="form-group">
      <label class="col-lg-2 control-label" for="inputEmail">Email</label>
      <div class="col-lg-10">
        <input class="form-control" id="inputEmail" type="text" placeholder="Email">
      </div>
    </div>
    <div class="form-group">
      <label class="col-lg-2 control-label" for="textArea">Textarea</label>
      <div class="col-lg-10">
        <textarea class="form-control" id="textArea" rows="3"></textarea>
      </div>
    </div>
    <div class="form-group">
      <div class="col-lg-10 col-lg-offset-2">
        <button class="btn btn-default" type="reset">Cancel</button>
        <button class="btn btn-primary" type="submit">Submit</button>
      </div>
    </div>
  </fieldset>
</form>
    <div class="container">
        <hr>
        <!-- Footer -->
        <footer>
            <div class="row">
                <div class="col-lg-12">
                    <p>Copyright &copy; Your Website 2014</p>
                </div>
            </div>
        </footer>
    </div>
    <!-- /.container -->
    <!-- jQuery -->
    <script src="js/jquery.js"></script>
    <!-- Bootstrap Core JavaScript -->
        <script src="js/jquery-3.1.1.min.js"></script>
        <script src="js/bootstrap.min.js"></script>
        <script src="js/app.js"/></script>    
        <script>
            $("document").ready(function(){
                var keys = getKeys();
                var strIndirizzo = "https://maps.googleapis.com/maps/api/js?key="+keys.getGoogle()+"&callback=inizializzaMappa"
                console.log(strIndirizzo);
                var googleScript = document.createElement('script');
                googleScript.setAttribute('src',strIndirizzo);
                document.head.appendChild(googleScript);
                console.log(keys.getGoogle());
                // VisualizzaSanti(keys.getOpenSanti());
                var Ultima_localita = localStorage.Ultima_localita;
                var Ora_apertura = localStorage.Ora_apertura;
                var Meteo = localStorage.Meteo;
                var ultimo = sessionStorage.chiudi;
                // $("#storico").text(Ultima_localita);
                // $("#ultimoaccesso").text(Ora_apertura);
                console.log(Ultima_localita);
                console.log(Ora_apertura);
                console.log(Meteo);
                console.log("ultimo=" + ultimo);
            });
            function inizializzaMappa(){
                if(navigator && navigator.geolocation){
                    navigator.geolocation.getCurrentPosition(
                        function(data){       
                            var coords = {
                                lat: 0,
                                lng: 0,
                                acc: 0,
                                indirizzo: ""
                            };
                            coords.lat = 45.355004;
                            coords.lng = 9.222098;
                            coords.acc = data.coords.accuracy;
                            console.log(coords);
                            var centro = {lat: coords.lat, lng: coords.lng};
                            var map = new google.maps.Map(document.getElementById('map'), {
                                mapTypeId: google.maps.MapTypeId.HYBRID,
                                zoom: 16,
                                center: centro
                            });
                            var marker = new google.maps.Marker({
                                position: centro,
                                map: map
                            });
                            $("#acc").text(coords.acc);
                            var geocoder = new google.maps.Geocoder;
                            geocoder.geocode({'location':centro}, function(results,status){
                                console.log(status);
                                if(status=="OK" && results && results.length>0){
                                    coords.indirizzo = results[0].formatted_address;
                                    console.log(coords.indirizzo);
                                    $("#indirizzo").text(coords.indirizzo);
                                    $("#accDisplay").css("display","inline");
                                }
                            })
                        },
                        function(error){
                            alert("ERRORE: "+error.message);
                        });
                }
            }
        </script>
        <script>
            function apri(url) {
                newin = window.open(url,'titolo','scrollbars=no,resizable=yes, width=700,height=500,status=no,location=no,toolbar=no,position=center');
            }
        </script>
        <div id="fb-root"></div>
        <script>(function(d, s, id) {
          var js, fjs = d.getElementsByTagName(s)[0];
          if (d.getElementById(id)) return;
          js = d.createElement(s); js.id = id;
          js.src = "connect.facebook.net/it_IT/sdk.js#xfbml=1&version=v2.8";
          fjs.parentNode.insertBefore(js, fjs);
        }(document, 'script', 'facebook-jssdk'));</script>
</body>
</html>
 
Ultima modifica di un moderatore:

franciccio

Nuovo Utente
10 Apr 2017
18
0
1
38
Potresti farlo attraverso $_GET. A secondo del valore assunto da un certo parametro mostri la pagina che ti serve.


Riesci a farmi un esempio di implementazione? da basso vedi il codice, il menù a tendina come lo gestisco? dove c'è il tag body voglio inserire il diverso contenuto
 

borgo italia

Super Moderatore
Membro dello Staff
SUPER MOD
MOD
4 Feb 2008
16.042
148
63
PR
www.borgo-italia.it
ciao
quando posti del codice racchiudili negli appositi bccode (inesisci codice e tipo quartultima iconcina nella barra formattazione del post) e non sbodolarlo tutto con inutili righe vuote
 
Discussioni simili
Autore Titolo Forum Risposte Data
T cambio versione PHP e... panico!! PHP 4
A [PHP] ERRORE QUANDO CAMBIO SLUG NEL CMS e REWRITE PHP 6
A [PHP] Cambio immagini con orario PHP 1
giannit [PHP] Cambio url su menu css PHP 15
T cambio di font size in una lista di dati estratti con PHP PHP 1
T fatture con voci fattura in php PHP 0
T ALTRO PROBLEMA CON ARRAY PHP PHP 1
M Collegamento tra form html e script php PHP 4
M Problemi con la stampa dei valori in php PHP 1
W [Cerco collaborazioni] Sviluppatore Web (PHP) Offerte e Richieste di Lavoro e/o Collaborazione 0
D passare valori da database sql a php PHP 1
L Ricezione dei dati su file php da modulo html PHP 6
E Inviare variabile a PHP da ciclo in JS Javascript 0
A form PHP prenotazione tramite query PHP 2
A Form php prenotazione di un azienda sanitaria locale presso studio medico PHP 1
F menù select dinamico da db in php PHP 3
L Problemi form Pagina php HTML e CSS 3
L php mysql non salva solo id PHP 21
L php mysql cerca e visualizza pagina PHP 0
F Il codice php è giusto? PHP 2
R Aggiornare record mysql con Ajax, jQuery e php Ajax 2
A invio massivo dati a file php Javascript 4
Z MySql injection PHP PHP 1
V PHP form intersecate PHP 0
I [Offro][Retribuito] Programmatore Php Offerte e Richieste di Lavoro e/o Collaborazione 0
P Funzione jQuery Ajax invio file a php jQuery 1
C Dopo chiusura del tag php la stringa html va a capo PHP 1
E Transaction php PHP 11
B ciclare file xml con PHP PHP 1
L Estrazione dati php Database 6
A Aiuto per pagina php PHP 0
E Php select option e ajax PHP 23
I Aiuto php Dependent Lookup PHP 0
T arretramento versione PHP... PHP 3
D problema php mysql PHP 1
D problema php mysql PHP 1
E Barra di avanzamento codice PHP PHP 4
G creazione menu a tendina e invio a pagina php PHP 1
A inserire variabile php colore in div html PHP 2
Z Video protetto con PHP PHP 0
Z Problema di sincronizzazione PAYPAL con PHP PHP 1
I Eecuzione di javascript in ciclo foreach php. PHP 7
S Libreria PHP per creare file dwg o dxf PHP 0
A [cerco - retribuito] Sviluppatore Php freelance per progetti vari Offerte e Richieste di Lavoro e/o Collaborazione 2
L Google chart php mysql PHP 2
R Download file multipli da directory php PHP 0
F pagina dinamica PHP PHP 3
P Rimozione automatica url da sitemap.xml con PHP PHP 1
L php tinymce mi duplica la classe label PHP 3
S Errore PHP - Notice: Undefined index ... PHP 14

Discussioni simili