Hypertext interne HTML-Links

Question

Guten Tag,

mein Fragebogen besteht aus mehreren Seiten mit Hypertext (für eine Lesestudie). Ich würde gerne die Seiten untereinander mittels <a href..> verlinken, sodass man hin und her springen kann (Genauer gesagt: die Links sollen in einem Hamburger-Navigationsmenü stehen, siehe unten).

Wie ermittle ich die URLs für die Seiten bzw. welche PHP- oder JS-Funktion liefert mir das?

Hier ist der derzeitige PHP-Code:

function topnav(){
html('
<nav>
  <div class="navbar">
    <div class="container nav-container">
        <input class="checkbox" type="checkbox" name="" id="" />
        <div class="hamburger-lines">
          <span class="line line1"></span>
          <span class="line line2"></span>
          <span class="line line3"></span>
        </div>  
      <div class="logo">
        <h1>Kapitel</h1>
      </div>
      <div class="menu-items">
        <li><a href="#">Kapitel 1</a></li>  // Hier brauche ich die Links
        <li><a href="#">Kapitel 2</a></li>
        <li><a href="#">Kapitel 3</a></li>
        <li><a href="#">Kapitel 4</a></li>
        <li><a href="#">Kapitel 5</a></li>
        <li><a href="#">Kapitel 6</a></li>
        <li><a href="#">Einreichen</a></li>
      </div>
    </div>
  </div>
</nav>'
);

}

Answer 1

Damit SoSci Survey eine andere Seite ausliefert, muss der Server Bescheid wissen, welche Seite das sein soll. Sie könnend afür buttonToPage() verwenden. Ein einfacher Link tut es nicht.

Eventuell auch interessant für Sie: Navigation im Fragebogen

Comments

Vielen Dank. Das hat geklappt. Für diejenigen, die ein ähnliches Problem haben, hier mein Code, mit dem es funktioniert:

function topnav(){
    html('
    <nav>
      <div class="navbar">
        <div class="container nav-container">
            <input class="checkbox" type="checkbox" name="" id="" />
            <div class="hamburger-lines">
              <span class="line line1"></span>
              <span class="line line2"></span>
              <span class="line line3"></span>
            </div>  
          <div class="logo">
            <h1>Kapitel</h1>
          </div>
          <div class="menu-items">
            <li><div class="s2flex navButtons" style="flex-wrap: wrap;">'.buttonToPage('Kapitel 1', NULL, NULL).'</div></li>
            <li><div class="s2flex navButtons" style="flex-wrap: wrap;">'.buttonToPage('Kapitel 2', NULL, NULL).'</div></li>
            <li><div class="s2flex navButtons" style="flex-wrap: wrap;">'.buttonToPage('Kapitel 3', NULL, NULL).'</div></li>
            <li><div class="s2flex navButtons" style="flex-wrap: wrap;">'.buttonToPage('Kapitel 4', NULL, NULL).'</div></li>
            <li><div class="s2flex navButtons" style="flex-wrap: wrap;">'.buttonToPage('Kapitel 5', NULL, NULL).'</div></li>
            <li><div class="s2flex navButtons" style="flex-wrap: wrap;">'.buttonToPage('Kapitel 6', NULL, NULL).'</div></li>
            <li><div class="s2flex navButtons" style="flex-wrap: wrap;">'.buttonToPage('Einreichen', NULL, NULL).'</div></li>
          </div>
        </div>
      </div>
    </nav>'
    );
}