Hauptseite: Unterschied zwischen den Versionen
Keine Bearbeitungszusammenfassung |
Keine Bearbeitungszusammenfassung |
||
| Zeile 44: | Zeile 44: | ||
</br> | </br> | ||
</br> | </br> | ||
<!-- Zunächst der Knopf zum Anzeigen der Info --> | |||
<img src="Button_Registrieren_1.png" onclick="buttonShow()"> | |||
<!-- Und dann die Info-Box --> | |||
<div id="infoBox" style="width: 400px; padding: 5px; background-color: white; border: 2px solid #CCCCCC"> | |||
Hier kommt die Zusatz-Info | |||
<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> | ||
Version vom 16. Januar 2018, 11:27 Uhr