|
|
| Zeile 44: |
Zeile 44: |
| </br> | | </br> |
| </br> | | </br> |
|
| |
| <!-- Zunächst der Knopf zum Anzeigen der Info -->
| |
| <button type="button" onclick="buttonShow()">Registrieren</button>
| |
|
| |
| <!-- Und dann die Info-Box -->
| |
| <div id="infoBox" style="width: 400px; padding: 5px; background-color: white; border: 2px solid #CCCCCC">
| |
| Na da musste dor Heigge ma ne Mail schreibnäää
| |
| <p style="text-align: center; margin-top: 20px">
| |
| <button type="button" onclick="buttonHide()">Schließen</button>
| |
| </p>
| |
| </div>
| |
|
| |
| <!-- Der JavaScript-Code -->
| |
| <script type="text/javascript">
| |
| <!--
| |
| var info = document.getElementById("infoBox");
| |
| info.style.display = "none"; // Box ausblenden
| |
| info.style.position = "absolute";
| |
| info.style.zIndex = 999;
| |
| // Entweder fix auf der Seite platziert
| |
| // info.style.left = "50px";
| |
| // info.style.top = "100px";
| |
| // Oder ein definiertes Stückchen unter dem Knopf
| |
| info.style.marginTop = "10px";
| |
|
| |
| function buttonShow() {
| |
| // Infobox anzeigen
| |
| info.style.display = "";
| |
| }
| |
| function buttonHide() {
| |
| // Infobox wieder ausblenden
| |
| info.style.display = "none";
| |
| }
| |
| //-->
| |
| </script>
| |
|
| |
|
| </p> | | </p> |