Visualizzazione dei risultati da 1 a 6 su 6
  1. #1

    Riusare parti di pagina

    ciao!

    sto facendo una web app completamente in js e html, usando linguaggi lato server solo per recupare dati tramite ajax.
    quindi in sostanza non posso fare il classico:
    Codice PHP:
    <?php include_once 'header.html'?>
    CONTENUTO DELLA PAGINA
    <?php include_once 'footer.html'?>
    c'è un qualche modo per ovviare al problema usando solo html e js??

  2. #2
    Utente di HTML.it
    Registrato dal
    Feb 2014
    residenza
    Voltati
    Messaggi
    913
    templates.
    Prova a guardare mustache.JS, che è il templare engine più base che ci sia
    No

  3. #3
    Quote Originariamente inviata da tampertools Visualizza il messaggio
    templates.
    Prova a guardare mustache.JS, che è il templare engine più base che ci sia
    perfetto grazie!
    do subito un'occhiata!

  4. #4
    allora, ho dato un'occhiata a mustache.
    ma sinceramente non ho ben capito come possa risolvere il mio problema!
    nello specifico, se io volessi includere la parte che riguarda il menu laterale, in modo che se devo modificarlo non devo farlo su tutte la pagine, come posso fare??

  5. #5
    Utente di HTML.it
    Registrato dal
    Feb 2014
    residenza
    Voltati
    Messaggi
    913
    Se il menù deve essere uguale per tutte le pagine, puoi fare così: (anche senza mustache)


    codice HTML:
    <!-- menu.html -->
    <ul>
        <li>Home</li>
        <li>Galleria</li> 
       <li>Contatti</li>
    </ul>

    codice HTML:
    <!-- ogni pagina -->
    <html>
        <head>
            ...
            <script src="main.js">
        </head>
        <body>
            ...
            <nav id="menu"></nav>
            ...
        </body>
    </html>
    codice:
    // main.js
    var xhr = new XMLHttpRequest();
    xhr.open("menu.html");
    xhr.onreadystatechange = function () {
        if (xhr.sttatus === 200) {
            if (document.readyState === "complete") {
                document.getElementById("menu").innerHTML = xhr.responseText;
            } else {
                window.addEventListener("load", function () {
                    document.getElementById("menu").innerHTML = xhr.responseText;
                });
            }
        }
    };
    xhr.send();
    No

  6. #6
    grazie, ho seguito il tuo consiglio e caricato tutto tramite ajax!

    ciao!!

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2025 vBulletin Solutions, Inc. All rights reserved.