dynamiczne linkowanie podstron

pytanie zadane 6 czerwca 2015 w JavaScript przez Pan Kulomb Pasjonat (18,630 p.)
edycja 6 czerwca 2015 przez Pan Kulomb

Próbuję linkować podstrony na podstawie stronki: http://niekrytykretek.16mb.com/

<!DOCTYPE HTML>
<html lang="pl">

  <head>
    <title> ... </title>

    <meta http-equiv="Content-Language" content="pl" />
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />

    <meta name="description" content="..." />
    <meta name="keywords" content="..." />

    <link rel="stylesheet" type="text/css" href="style.css">
    <link rel="stylesheet" type="text/css" href="css/fontello.css" />

    <script type="text/javascript" src="loadPage.js"></script>
    <script src="//code.jquery.com/jquery-1.11.2.min.js"></script>

  </head>

  <body onload = "slideshow();"
        background="gun_metal.png"> <!-- This pattern is from www.subtlepatterns.com -->

    <div id="head">
      ...
    </div>

    <div id="menu">

      <a href="#" onclick="loadPage('info.html')">
        <div class="option">Strona główna</div>
      </a>

      <a href="#" onclick="loadPage('galeria.html')">
        <div class="option">Galeria</div>Galeria
      </a>

      <a href="#" onclick="loadPage('referencje.html')">
        <div class="option">Referencje</div>
      </a>

      <a href="#" onclick="loadPage('kontakt.html')">
        <div class="option">Kontakt</div>
      </a>

      <div class="clear"></div>
    </div>

    <div id="body">

      <div id="content"><!-- podstrona !-->
           <body onload="loadPage('galeria.html')">
           </body>
      </div>

      </div>

    </div>

    <div id="footer">
        ...
    </div>

  </body>

</html>

function loadPage(file) {
		  $('#content').load(file);
}

Co robię źle, dlaczego href="#"?

1 odpowiedź

odpowiedź 6 czerwca 2015 przez Comandeer Guru (601,590 p.)
wybrane 6 czerwca 2015 przez Pan Kulomb

Najlepsza

Najlepiej wykorzystać History API - wówczas strona będzie się wczytywać dynamicznie, a adres będzie się zmieniał. Każde inne rozwiązanie jest daremne z punktu widzenia UX. Najłatwiej wykorzystać pjax: https://github.com/defunkt/jquery-pjax

Poza tym linków się w taki sposób nie tworzy - warto poczytać https://pornel.net/onclick Zresztą jak użyjesz pjaxa to problem zniknie sam

No i funkcja obecnie nie działa, bo najpierw powinieneś dołączyć jQuery a dopiero później plik z nią (no bo skąd skrypt ma wiedzieć co oznacza $?).

Pokaż 11 poprzednich komentarzy

komentarz 6 czerwca 2015 przez Comandeer Guru (601,590 p.)

Ale po Ci xampp skoro i tak odpalasz uparcie pliki z dysku?

Musisz przenieść pliku do katalogu htdocs tam, gdzie zainstalowałeś xamppa i odpalać je przez adresy typu http://localhost/plik.html