wie Sie mehrere Seiten in einzelne html-Datei

Ich möchte, um eine web-app, in der ich mehrere Seiten möchte ich, dass wenn ich auf einen link sollte dich zu dieser Seite hab ich den code von der Seite, es funktioniert gut, aber ich will, dass es nicht zu zeigen, wie die show Seite1 Seite, aber ohne onclick-Funktionen
ohne java-Skript mit ancchor tag

     <html>
     <head>
      <script>
     function show(shown, hidden) {
     document.getElementById(shown).style.display='block';
      document.getElementById(hidden).style.display='none';
     return false;
     }
    </script>
    </head>
   <body>


   <div id="Page1">
     Content of page 1
     <a href="#" onclick="return show('Page2','Page1');">Show page 2</a>
    </div>

    <div id="Page2" style="display:none">
    Content of page 2
     <a href="#" onclick="return show('Page1','Page2');">Show page 1</a>
    </div>

   </body>
   </html>

Ich könnte falsch sein (da ich vermeiden, html5 und andere schicke neue web-technices, denn ich bin alt und grantig) aber haben Sie erklären sich mit javascript Recht (ist es ok einfach zu sagen: <script> in html5?. Sie könnten versuchen durch changning Ihre show-Funktion, um eine einfache messagebox ?
Ja das ist legal in HTML5 , aber wir können nicht sehen, seine doctype, also wer weiß.
seine ist in Ordnung, aber ich möchte, dass statt showbutton kann ich mit jedem anderen Ding
Wie was für ein Bild? Sie können machen, was Sie wollen, außer applet, base, basefont, bdo, br, font, frame, frameset, head, html, iframe, isindex, meta, param, script, style, title,
Hey, hast du eine Lösung finden? Tun Sie etwas dagegen, mit uns geteilt? 😉

InformationsquelleAutor Shahzad Khan | 2012-10-16

html5 javascript

1

Können Sie mithilfe von CSS-und Checkboxen zu bekommen, wie ein Verhalten wie auf dieser WEBSITE.

Die checkbox ist das einzige HTML-element, das zwei unterschiedliche Staaten, die exportiert werden können/bewertet von CSS über die :checked Eigenschaft.

Zitiert aus http://www.inserthtml.com/2012/04/css-click-states/:

HTML:
```
<form class="clickable"> 
  <label for="the-checkbox">Click Me!</label>
  <input type="checkbox" id="the-checkbox" /> 
  
  <div class="appear">Some text to appear</div>
</form>
```
CSS:
```
.clickable .appear { 
  display: none;
}

.clickable input:checked ~ .appear {
  display: block;
}
```
Überprüfen Sie heraus die demo auf die unten auf dieser Seite.

Wählen Sie unter mehr als zwei Seiten, könnte man vielleicht verwenden, radio-buttons. Nicht getestet, nur so als Idee 😉

InformationsquelleAutor Nippey

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.